Спасибо, я уже изучал основы React, имея какие-то базовые знания материал воспринимается ещё лучше. В качестве повторения очень хорошо закрепляет знания. На скорости 1.5 самое оно. Спикер, пожалуйста, пей водичку почаще 😁
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
Братан, если это лектор от Бога, то у тебя очень говянный вкус. Включи IT-kamastra "Путь Самурая 1.0". Он детально разбирает всё и вся и даже на примере показывает как это или то выглядит. Это видео 2 часа отборного говна и чавкания, где из них ну максимум 30 минут - ценная информация.
Почему не стоит использовать объекты, например, в useState. Ведь даже если наш state объект, при вызове сеттера, реакт по любому сделает ререндер. Ссылка на объект не поменяется, но ререндер произойдёт
2:10:50 А почему бы определение setFocus не вынести за компонент? В ней нет зависимых переменных. Тогда не нужен будет useCallback. Код чище и производительней.
Всё равно в реакте только одна вещь вызывает перерендер - это изменение стейта, с помощью useState, useReducer, useContext(в этом случае меняется контекст и перерендриться только тот компонент в котором поменялся контекст). Да пропсы тоже влияют, но для этого у родителя нужно поменять стейт, что бы его дочерние компоненты у которых изменился пропс так же перерендрился и это влияет только на PureComponent-ах только. В обычных без PureComponent перерендер будет всегда, не смотря что стало с пропсами, если обновляется родитель. Или это не так?
Пробовал писать проект как было предложено. Но понял что не получится, так как бежим галопом по Европам, и тут основная мысль - не создавать проект, а как правильно писать проект + введение в хуки. Лучше воспринимать эту лекцию как вводную по реакту для тех у кого уже есть база в js, css, html. Может сохранит кому-то время. А так информативно, только без практики.
React - это JavaScript-библиотека. Чтобы работать с ней, нужно сначала научиться без неё работать. Сначала надо получить базу значений и опыта по HTML, CSS, JS. И только после этого уходить в сторону библиотек/фреймворков. Только так и в таком порядке.
1:36:10 - а тут не ошибка передавать массив зависимостей в виде [film.reviews]? Мы же так передадим массив из одного элемента, который сам является массивом, и далее изменение будет отслеживаться по принципу shallow equal? А если передать просто film.reviews, то всё будет ок, т.к. каждый review станет зависимостью. Я не прав?
У вас тогда количество зависимостей в разные моменты жизненного цикла компонента будет разным, скорее всего реакт на такое ругнётся (как с хуками) Он же говорил, что это условность, на которую мы идём - передаём массив, но следим за тем, что он будет обновляться целиком.
Исходя из видео понял, что не стоит прокидывать модули классов в компоненты. Но что тогда делать если нужно создать переиспользуемый компонент с логикой внутри (например таблица) и необходимо дать возможность разработчику самому стилизовать эту таблицу, при этом не залезая под капот?
Все очень интересно, но не понятно! Пойду все-таки глубже учить usecallback и usememo! Особенно плохо, когда у тебя на проекте вообще не юзаются такие вещи ;(
Спасибо за урок, но слушать тяжеловато, очень много воды и шутеек (большую часть прокручивал на x2, остальное на x1.25) Хотя для новичков, думаю, самое оно
Народ, кароч мне 34 года, самоучка, изучаю вёрстку с мая и React несколько недель. Приступил к Реакту без особо знания JS, чисто сразу с практики начал.)) Странно, но достаточно быстро пошло дело. Понял суть компонентного подхода, быстро научился лепить странички с помощью Ант-Дизайна и вёрстки. На днях освоил Роутинг, animate css и emailjs, кароч теперь по факту могу любой простой лендинг переделать на Реакт-приложение. Теперь не знаю что делать дальше. Подтягивать базу? (методы массивов и т.д.)? Начинать изучать хуки? Тяжелые они зараза, может можно еще что-то перед этим освоить?)) Ну кароч уровень знания реакта - верстальщик+роуты) вот не могу определиться со следующим шагом)) помогите советом старичку-новичку, пожалуйста)
Пробуй залететь на собесы, и тут два варианта, либо попадешь в компанию на стажировку, либо поймёшь свои пробелы и именно на них сделаешь упор... P.s. я сам только учусь, по этому мой совет следует очень критично рассмотреть.
@@tavanix фреймворк - это подмножество библиотек фреймворк или не фреймворк - зависит от того, что в это определение закладывают, сам реакт действительно отвечает только за UI, но это не мешает ему быть фреймворком вот главная особенность, стянул из вики: Ключевым отличием «фреймворка» от библиотеки является инверсия управления: пользовательский код вызывает функции библиотеки (или классы) и получает управление после вызова. Во «фреймворке» пользовательский код может реализовывать конкретное поведение, встраиваемое в более общий - «абстрактный» код фреймворка. При этом «фреймворк» вызывает функции (классы) пользовательского кода код, отвечающий за работу с ui, находится под капотом реакта, и он вызывает наш пользовательский код, когда ему нужно, в этом и есть инверсия управления
Лучшее обьяснение, которое встречалось за всё время обучения
Спасибо, я уже изучал основы React, имея какие-то базовые знания материал воспринимается ещё лучше. В качестве повторения очень хорошо закрепляет знания.
На скорости 1.5 самое оно.
Спикер, пожалуйста, пей водичку почаще 😁
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
02:07:40 useLayoutEffect
02:11:08 Стили
01:51:50 useReducer
Лектор от Бога. Такой глубины не у одного лектора не встречал. Всё чётко и по порядку
Братан, если это лектор от Бога, то у тебя очень говянный вкус. Включи IT-kamastra "Путь Самурая 1.0". Он детально разбирает всё и вся и даже на примере показывает как это или то выглядит. Это видео 2 часа отборного говна и чавкания, где из них ну максимум 30 минут - ценная информация.
Чувство юмора у лектора - нечто гениальное. Спасибо за такую лекцию. Ещё не досмотрела, но не смогла не отметить, какая превосходная подача материала!
Спасибо за то, что даёте это в открытом доступе
Яндекс, у вас такие крутые лекции! Просто бомба! Лучший материал что я пока видела по react
Ну тут чисто гений на лекторе, оч крутая подача материала.
Я еще не дослушал до конца, а уже спешу сказать: ОФИГЕННО(очень хорошее объяснение)
это первая лекция этой серии, которую я нормально поняла! лектор супер
У Лектора однозначно талант) подача на высоком уровне, спасибо)
Одно удовольствие слушать такую подачу контента! Спасибо
Великолепно! У лектора шикарная подача. Материал глубокий, но не перегруженный!
Это одно из лучших видео по реакту которые я когда либо видел ! Завтра буду смотреть продвинутый
Были бы все были такие преподы. Огромное спасибо!!!
😊🙌🏼
Отличный лектор! Спасибо за материал, было очень интересно. Подача понятная, простая.
Addy Osmani про патерны
Алилуя, а то Ideas Money что-то не находился
Лектор которого приятно слушать. СУПЕР!
Хорошая лекция! Мне после JS тяжко давался react с непривычки. Сейчас вроде получше стало.
А как ты учила в начале?
Роман, могу я попросить Вас о помощи? (Ничего серьезного😅) Как с Вами можно связаться?
Очень познавательно. Наконец что-то начал понимать.
Но как посмотреть 2-ю и 3-ю части?!
Офигенная подача 🎓 прослушал час на одном дыхании, не отведя взора🎬 📸
Да вы, батенька, поэт!
Почему не стоит использовать объекты, например, в useState. Ведь даже если наш state объект, при вызове сеттера, реакт по любому сделает ререндер. Ссылка на объект не поменяется, но ререндер произойдёт
2:10:50 А почему бы определение setFocus не вынести за компонент? В ней нет зависимых переменных. Тогда не нужен будет useCallback. Код чище и производительней.
Всё равно в реакте только одна вещь вызывает перерендер - это изменение стейта, с помощью useState, useReducer, useContext(в этом случае меняется контекст и перерендриться только тот компонент в котором поменялся контекст). Да пропсы тоже влияют, но для этого у родителя нужно поменять стейт, что бы его дочерние компоненты у которых изменился пропс так же перерендрился и это влияет только на PureComponent-ах только. В обычных без PureComponent перерендер будет всегда, не смотря что стало с пропсами, если обновляется родитель. Или это не так?
PureComponent у меня это всё что обёрнут в реакт.memo, т.е. одно и тоже. Там только возвращаемые булевые значения должны быть разными.
Пробовал писать проект как было предложено. Но понял что не получится, так как бежим галопом по Европам, и тут основная мысль - не создавать проект, а как правильно писать проект + введение в хуки. Лучше воспринимать эту лекцию как вводную по реакту для тех у кого уже есть база в js, css, html. Может сохранит кому-то время. А так информативно, только без практики.
React - это JavaScript-библиотека. Чтобы работать с ней, нужно сначала научиться без неё работать. Сначала надо получить базу значений и опыта по HTML, CSS, JS. И только после этого уходить в сторону библиотек/фреймворков. Только так и в таком порядке.
Капец смешной мужичек, респект таким
Дайте ссылку на сайт, про который говорилось в конце. Не гуглится.
Подскажите, пожалуйста, ссылку на сайт про паттерны, про которую говорится в конце лекции.
addy osmani
Просто огромное приогромное спасибо 👍
Это топ! Спасибо всем кто принял участие
1:36:10 - а тут не ошибка передавать массив зависимостей в виде [film.reviews]? Мы же так передадим массив из одного элемента, который сам является массивом, и далее изменение будет отслеживаться по принципу shallow equal? А если передать просто film.reviews, то всё будет ок, т.к. каждый review станет зависимостью. Я не прав?
У вас тогда количество зависимостей в разные моменты жизненного цикла компонента будет разным, скорее всего реакт на такое ругнётся (как с хуками)
Он же говорил, что это условность, на которую мы идём - передаём массив, но следим за тем, что он будет обновляться целиком.
Очень приятный лектор - почти что асмр - ушки радуются
в итоге в ревью не вставил .
если ты не заметил,там он же сделал отдельный компонент и для него уже добавил key в качестве props 1:49:02
@@Rezzzero только поле показал
Лектор 🔥🔥🔥можно еще лекций с ним🙏🏻🙏🏻
Исходя из видео понял, что не стоит прокидывать модули классов в компоненты. Но что тогда делать если нужно создать переиспользуемый компонент с логикой внутри (например таблица) и необходимо дать возможность разработчику самому стилизовать эту таблицу, при этом не залезая под капот?
Получается, запрос на сервер за данными для компонента, нужно в useLayoutEffect делать, а не в useEffect? Чтобы 2 раза рендерить
Увлекательный урок
Не знаю, как найти этого парня, но хочется поблагодарить его, после его объяснения я прошел собес и получил офер. Спасибо тебе!
2:20:40
Расскажи, как впечатления о работе? На реакте только работаешь? Какие сайты пишешь?
Это база
Спасибо Яндексу и лектору за охуенный материал
Весело, задорно, но повторить не получилось - не заработало :( надо копаться.
Лекция конечно хороша, но проработайте навык выступления, глотания через каждые 3 слова очень не красят =(
Спасибо
Ждём продолжение! Просмотрел пока час! Продолжение будет ?
Все очень интересно, но не понятно! Пойду все-таки глубже учить usecallback и usememo! Особенно плохо, когда у тебя на проекте вообще не юзаются такие вещи ;(
What is the name of the speaker? Tell me please. He explains very clearly.
Тёма Сенюков
спасибо
сильнейший..
может кто подсказать - какой сайт по паттернам автор лекции называл? что-то я не могу найти его в интернете?
Смотри вторую часть) там есть ссылка!
@@ondrui а можешь скинуть ссылку на вторую часть как нибудь?) а то доступ только по ссылке;(
ua-cam.com/video/HDajDASxn-w/v-deo.html
@@Миралем-у8ц я бы тоже не отказался от ссылочки
хорошая лекция, жаль что на собес в яндексе у меня не хватит мозгов, а джуном меня никто не возьмет
Взяли?)
исходники где посмотреть можно?
бомба
Спикер рассказывает в туалете))) на фоне настенной плитки)
😂 fr
335 страниц слайда ни*я себе
Супер лекция, с Юмором) и понятно) поорал)
Спасибо за урок, но слушать тяжеловато, очень много воды и шутеек (большую часть прокручивал на x2, остальное на x1.25)
Хотя для новичков, думаю, самое оно
дайте человеку попить!
крутой типок
const [count, setCount] = useState(0);
Норм разложил🦾
эти чвакивания и причмокивания через каждые 5 слов...
А подача материала хорошая.
После useMemo ничего не понятно.
Народ, кароч мне 34 года, самоучка, изучаю вёрстку с мая и React несколько недель. Приступил к Реакту без особо знания JS, чисто сразу с практики начал.)) Странно, но достаточно быстро пошло дело. Понял суть компонентного подхода, быстро научился лепить странички с помощью Ант-Дизайна и вёрстки. На днях освоил Роутинг, animate css и emailjs, кароч теперь по факту могу любой простой лендинг переделать на Реакт-приложение. Теперь не знаю что делать дальше. Подтягивать базу? (методы массивов и т.д.)? Начинать изучать хуки? Тяжелые они зараза, может можно еще что-то перед этим освоить?)) Ну кароч уровень знания реакта - верстальщик+роуты) вот не могу определиться со следующим шагом)) помогите советом старичку-новичку, пожалуйста)
начинать надо с JS, имхо :) без него сложные концепты реакт сложно будут заходить... как сказал Тёмыч - реакт это библитека для написания UI
Пробуй залететь на собесы, и тут два варианта, либо попадешь в компанию на стажировку, либо поймёшь свои пробелы и именно на них сделаешь упор...
P.s. я сам только учусь, по этому мой совет следует очень критично рассмотреть.
@@tavanix реакт это Ui фреймворк
@@jessrabbitxt согласен, что UI, но не соглашусь про фреймворк) холиварить не буду, но хотя бы послушай, что говорит Тёма на 20:20
@@tavanix фреймворк - это подмножество библиотек
фреймворк или не фреймворк - зависит от того, что в это определение закладывают, сам реакт действительно отвечает только за UI, но это не мешает ему быть фреймворком
вот главная особенность, стянул из вики:
Ключевым отличием «фреймворка» от библиотеки является инверсия управления: пользовательский код вызывает функции библиотеки (или классы) и получает управление после вызова. Во «фреймворке» пользовательский код может реализовывать конкретное поведение, встраиваемое в более общий - «абстрактный» код фреймворка. При этом «фреймворк» вызывает функции (классы) пользовательского кода
код, отвечающий за работу с ui, находится под капотом реакта, и он вызывает наш пользовательский код, когда ему нужно, в этом и есть инверсия управления
Что за сайт посоветовал лектор? Ни я, ни гугл не смогли распознать :-(
addy osmani - javascript design patterns
БАЗА
Я что хук?!
задрал юморить