React (базовый)

[@РусланЯдевич]

Лучшее обьяснение, которое встречалось за всё время обучения

[@6602-w2k]

00:01:28 Что такое react 00:13:48 Как начать использовать 00:23:30 Из чего состоит react-приложение 00:43:10 JSX 01:06:14 Хуки 01:42:20 Жизненный цикл компонента 02:03:18 useEffect

[@inna1305]

02:07:40 useLayoutEffect

[@Sultanbayev]

02:11:08 Стили

[@inna1305]

01:51:50 useReducer

[@mkstlz]

Спасибо, я уже изучал основы React, имея какие-то базовые знания материал воспринимается ещё лучше. В качестве повторения очень хорошо закрепляет знания. На скорости 1.5 самое оно. Спикер, пожалуйста, пей водичку почаще 😁

[@ДмитрийПригульнов]

Лектор от Бога. Такой глубины не у одного лектора не встречал. Всё чётко и по порядку

[@khalaiattan7184]

Братан, если это лектор от Бога, то у тебя очень говянный вкус. Включи IT-kamastra "Путь Самурая 1.0". Он детально разбирает всё и вся и даже на примере показывает как это или то выглядит. Это видео 2 часа отборного говна и чавкания, где из них ну максимум 30 минут - ценная информация.

[@joyful_hunter]

Чувство юмора у лектора - нечто гениальное. Спасибо за такую лекцию. Ещё не досмотрела, но не смогла не отметить, какая превосходная подача материала!

[@ДмитрийЛукьяненко-ь9ы]

Ну тут чисто гений на лекторе, оч крутая подача материала.

[@FLOKY42]

Одно удовольствие слушать такую подачу контента! Спасибо

[@vitalygaraev8093]

Я еще не дослушал до конца, а уже спешу сказать: ОФИГЕННО(очень хорошее объяснение)

[@alyonkabenya]

это первая лекция этой серии, которую я нормально поняла! лектор супер

[@alexandr8462]

У Лектора однозначно талант) подача на высоком уровне, спасибо)

[@tau3732]

Яндекс, у вас такие крутые лекции! Просто бомба! Лучший материал что я пока видела по react

[@renalins]

Спасибо за то, что даёте это в открытом доступе

[@vladislavivanchikov6622]

Это одно из лучших видео по реакту которые я когда либо видел ! Завтра буду смотреть продвинутый

[@georgigalechyan4392]

Великолепно! У лектора шикарная подача. Материал глубокий, но не перегруженный!

[@ADVFreud]

Отличный лектор! Спасибо за материал, было очень интересно. Подача понятная, простая.

[@reactnative049]

Были бы все были такие преподы. Огромное спасибо!!!

[@YandexforFrontend]

😊🙌🏼

[@artemchernii5281]

Лектор которого приятно слушать. СУПЕР!

[@ЕвгенийТ-ч8в]

Очень познавательно. Наконец что-то начал понимать. Но как посмотреть 2-ю и 3-ю части?!

[@ДмитрийКолбас-л9п]

Addy Osmani про патерны

[@A_A_A182]

Алилуя, а то Ideas Money что-то не находился

[@velikorossnationalist4259]

Хорошая лекция! Мне после JS тяжко давался react с непривычки. Сейчас вроде получше стало.

[@Drannn54]

А как ты учила в начале?

[@Миралем-у8ц]

Роман, могу я попросить Вас о помощи? (Ничего серьезного😅) Как с Вами можно связаться?

[@Albert_Hall]

Офигенная подача 🎓 прослушал час на одном дыхании, не отведя взора🎬 📸

[@7Denial7]

Да вы, батенька, поэт!

[@Fodintsov]

2:10:50 А почему бы определение setFocus не вынести за компонент? В ней нет зависимых переменных. Тогда не нужен будет useCallback. Код чище и производительней.

[@SashaJason]

Подскажите, пожалуйста, ссылку на сайт про паттерны, про которую говорится в конце лекции.

[@sergey_rozhkov]

addy osmani

[@_renamed_]

Дайте ссылку на сайт, про который говорилось в конце. Не гуглится.

[@diggerdog001]

Спасибо Яндексу и лектору за охуенный материал

[@КайратКалдар-ь6к]

Почему не стоит использовать объекты, например, в useState. Ведь даже если наш state объект, при вызове сеттера, реакт по любому сделает ререндер. Ссылка на объект не поменяется, но ререндер произойдёт

[@kokoc58]

Просто огромное приогромное спасибо 👍

[@АртёмЧерничук]

Капец смешной мужичек, респект таким

[@ВикторПоздеев-ю3щ]

1:36:10 - а тут не ошибка передавать массив зависимостей в виде [film.reviews]? Мы же так передадим массив из одного элемента, который сам является массивом, и далее изменение будет отслеживаться по принципу shallow equal? А если передать просто film.reviews, то всё будет ок, т.к. каждый review станет зависимостью. Я не прав?

[@Raiteto]

У вас тогда количество зависимостей в разные моменты жизненного цикла компонента будет разным, скорее всего реакт на такое ругнётся (как с хуками) Он же говорил, что это условность, на которую мы идём - передаём массив, но следим за тем, что он будет обновляться целиком.

[@lionstar3189]

Всё равно в реакте только одна вещь вызывает перерендер - это изменение стейта, с помощью useState, useReducer, useContext(в этом случае меняется контекст и перерендриться только тот компонент в котором поменялся контекст). Да пропсы тоже влияют, но для этого у родителя нужно поменять стейт, что бы его дочерние компоненты у которых изменился пропс так же перерендрился и это влияет только на PureComponent-ах только. В обычных без PureComponent перерендер будет всегда, не смотря что стало с пропсами, если обновляется родитель. Или это не так?

[@lionstar3189]

PureComponent у меня это всё что обёрнут в реакт.memo, т.е. одно и тоже. Там только возвращаемые булевые значения должны быть разными.

[@Trolas97]

Исходя из видео понял, что не стоит прокидывать модули классов в компоненты. Но что тогда делать если нужно создать переиспользуемый компонент с логикой внутри (например таблица) и необходимо дать возможность разработчику самому стилизовать эту таблицу, при этом не залезая под капот?

[@bama2619]

Пробовал писать проект как было предложено. Но понял что не получится, так как бежим галопом по Европам, и тут основная мысль - не создавать проект, а как правильно писать проект + введение в хуки. Лучше воспринимать эту лекцию как вводную по реакту для тех у кого уже есть база в js, css, html. Может сохранит кому-то время. А так информативно, только без практики.

[@joyful_hunter]

React - это JavaScript-библиотека. Чтобы работать с ней, нужно сначала научиться без неё работать. Сначала надо получить базу значений и опыта по HTML, CSS, JS. И только после этого уходить в сторону библиотек/фреймворков. Только так и в таком порядке.

[@yaroslavbox1249]

What is the name of the speaker? Tell me please. He explains very clearly.

[@anastasiya_kri]

Тёма Сенюков

[@aidaemilbekova3161]

Лектор 🔥🔥🔥можно еще лекций с ним🙏🏻🙏🏻

[@kokoc58]

Получается, запрос на сервер за данными для компонента, нужно в useLayoutEffect делать, а не в useEffect? Чтобы 2 раза рендерить

[@griha296]

Это топ! Спасибо всем кто принял участие

[@GGamess]

в итоге в ревью не вставил .

[@Rezzzero]

если ты не заметил,там он же сделал отдельный компонент и для него уже добавил key в качестве props 1:49:02

[@GGamess]

@@Rezzzero только поле показал

[@isephar]

Не знаю, как найти этого парня, но хочется поблагодарить его, после его объяснения я прошел собес и получил офер. Спасибо тебе!

[@evergreen-]

2:20:40

[@7Denial7]

Расскажи, как впечатления о работе? На реакте только работаешь? Какие сайты пишешь?

[@Mitorun]

Увлекательный урок

[@pessimistic_bias]

Весело, задорно, но повторить не получилось - не заработало :( надо копаться.

[@aleksandr.kovalko]

Очень приятный лектор - почти что асмр - ушки радуются

[@wu_tang]

исходники где посмотреть можно?

[@АлександрЕрмолов-п2ь]

Ждём продолжение! Просмотрел пока час! Продолжение будет ?

[@АлександрЕрмолов-п2ь]

Все очень интересно, но не понятно! Пойду все-таки глубже учить usecallback и usememo! Особенно плохо, когда у тебя на проекте вообще не юзаются такие вещи ;(

[@ondrui]

может кто подсказать - какой сайт по паттернам автор лекции называл? что-то я не могу найти его в интернете?

[@ondrui]

Смотри вторую часть) там есть ссылка!

[@Миралем-у8ц]

@@ondrui а можешь скинуть ссылку на вторую часть как нибудь?) а то доступ только по ссылке;(

[@ondrui]

kzbin.info/www/bejne/fnXEm3d3iN2hY9k

[@dodjs]

@@Миралем-у8ц я бы тоже не отказался от ссылочки

[@lifeisbeautifu1]

Спасибо

[@FreeeeeMont]

Это база

[@CrashReload]

Лекция конечно хороша, но проработайте навык выступления, глотания через каждые 3 слова очень не красят =(

[@I248]

спасибо

[@frontendjunior6746]

335 страниц слайда ни*я себе

[@denisv8640]

Что за сайт посоветовал лектор? Ни я, ни гугл не смогли распознать :-(

[@vladbrusensky6599]

addy osmani - javascript design patterns

[@Raiteto]

Спасибо за урок, но слушать тяжеловато, очень много воды и шутеек (большую часть прокручивал на x2, остальное на x1.25) Хотя для новичков, думаю, самое оно

[@kennyvision5789]

После useMemo ничего не понятно.

[@TransatlanticTalks]

Народ, кароч мне 34 года, самоучка, изучаю вёрстку с мая и React несколько недель. Приступил к Реакту без особо знания JS, чисто сразу с практики начал.)) Странно, но достаточно быстро пошло дело. Понял суть компонентного подхода, быстро научился лепить странички с помощью Ант-Дизайна и вёрстки. На днях освоил Роутинг, animate css и emailjs, кароч теперь по факту могу любой простой лендинг переделать на Реакт-приложение. Теперь не знаю что делать дальше. Подтягивать базу? (методы массивов и т.д.)? Начинать изучать хуки? Тяжелые они зараза, может можно еще что-то перед этим освоить?)) Ну кароч уровень знания реакта - верстальщик+роуты) вот не могу определиться со следующим шагом)) помогите советом старичку-новичку, пожалуйста)

[@tavanix]

начинать надо с JS, имхо :) без него сложные концепты реакт сложно будут заходить... как сказал Тёмыч - реакт это библитека для написания UI

[@MOblomets]

Пробуй залететь на собесы, и тут два варианта, либо попадешь в компанию на стажировку, либо поймёшь свои пробелы и именно на них сделаешь упор... P.s. я сам только учусь, по этому мой совет следует очень критично рассмотреть.

[@jessrabbitxt]

@@tavanix реакт это Ui фреймворк

[@tavanix]

@@jessrabbitxt согласен, что UI, но не соглашусь про фреймворк) холиварить не буду, но хотя бы послушай, что говорит Тёма на 20:20

[@jessrabbitxt]

​@@tavanix фреймворк - это подмножество библиотек фреймворк или не фреймворк - зависит от того, что в это определение закладывают, сам реакт действительно отвечает только за UI, но это не мешает ему быть фреймворком вот главная особенность, стянул из вики: Ключевым отличием «фреймворка» от библиотеки является инверсия управления: пользовательский код вызывает функции библиотеки (или классы) и получает управление после вызова. Во «фреймворке» пользовательский код может реализовывать конкретное поведение, встраиваемое в более общий - «абстрактный» код фреймворка. При этом «фреймворк» вызывает функции (классы) пользовательского кода код, отвечающий за работу с ui, находится под капотом реакта, и он вызывает наш пользовательский код, когда ему нужно, в этом и есть инверсия управления

[@NikitaMerkushev-g8o]

Супер лекция, с Юмором) и понятно) поорал)

[@РузанаБикбетовна]

Спикер рассказывает в туалете))) на фоне настенной плитки)

[@mkstlz]

😂 fr

[@theoty-js]

бомба

[@Cat-zh6xx]

хорошая лекция, жаль что на собес в яндексе у меня не хватит мозгов, а джуном меня никто не возьмет

[@ИванИванов-л7ю]

Взяли?)

[@GGamess]

const [count, setCount] = useState(0);

[@frontendjunior6746]

сильнейший..

[@СтасНешик]

дайте человеку попить!

[@ПавелАртамонов-ф5х]

эти чвакивания и причмокивания через каждые 5 слов... А подача материала хорошая.

[@zerox9646]

крутой типок

[@Mitya-b4p]

Норм разложил🦾

[@volodyaDikiy]

БАЗА

[@smoke2638]

Я что хук?!

[@narcomann1646]

задрал юморить