Реакт база (Тёма Сенюков)

[@topMergeGames]

Автор очень смешно рассказывает, спасибо за поднятие настроение))

[@Artem_Arutunyan]

Парень молодец, очень круто объясняет. Легко и в формате "своими словами" материал доносит. Шикарно! Спасибо!

[@STELLS541]

Нашел видос случайно, пишу на реакт пару лет, но посмотреть хотелось все и впереди еще 2 видоса из серии (их вроде бы 3 там). Тема клевый, подача кайфовая.

[@A_A_A182]

Лекция интересная, но чуть громче бы уровень звука

[@alexandrdripa3254]

Смотрел как фильм! Очень хорошо!

[@АлексейКОРНЕЕВ-э8ъ]

Классная подача материала. Тёма очень порадовал - огромный пласт информации разбавленный шутками , легко зашло, хотя и 3 часа.

[@alenatimofeeva5781]

Потрясающая лекция. Спасибо!

[@vladimirplyukhin5234]

Топовая лекция, Тёма - красавчик: и доходчиво объясняет, и удерживает внимание. Не забывает разбавлять естественными шутками!

[@harunabukhalid]

Просто топ лекция 😅 Я как кайфанул за эти три часа. Спасибо большое!

[@JS_do_it]

Начало 4:48 Содержание 7:06 Что такое React 14:11 Что такое Next 21:02 Создание приложения 29:20 Посмотрим что получилось 37:01 Уберем лишнее 40:07 Можем начать npm run dev 42:25 Основы React (компонентный подход) 43:12 Строительные блоки 47:25 React-element tree ^дерево:) 1:03:22 Создадим наш первый компонент 1:08:15 Разметим нашу страницу 1:20:05 Props 1:24:03 Добавим состояние 1:33:20 Что такое хуки? 1:37:00 Хук useState 1:43:11 Хук useEffect 1:54:15 Кастомные хуки 2:01:16 useCallback 2:07:45 useMemo 2:14:19 Отрисовка массива 2:19:08 Добавим ключи 2:21:33 useReducer 2:26:00 useRef 2:31:47 useLayoutEffect 2:34:10 Стили css module 2:39:23 Продолжение следует, ответы на вопросы 2:48:08

[@КимЧенОрк]

Всё успел: и пошутить, и материал выдать💪

[@ctoznaet]

надо теперь хорошенько постараться, чтобы на собесе не сказать : ну вот и там всякие свистелки - перделки :D

[@adamburke4496]

"ВСЁ, ЭТО БАЗА! И ЭТО ГЛАВНОЕ!"

[@sanya_kisliy]

Работаю фронтом уже второй год. Решил посмотреть данную трилогию курсов по реакту, чтобы освежить память. Материал преподносится очень интересно и доходчиво, особенно понравилось, что повествование ведется в контексте Некста. Спасибо за столь ценный материал, смотрю на одном дыхании👍🏻

[@mansur.gabidullin]

Спасибо за лекцию!

[@андрейвойтов-й3х]

подача топ

[@андрейвойтов-й3х]

какой-то стендап для фронтов

[@Senior_weekend_developer]

Смотрел лекции с Тёмой так же в том году. На мой взгляд, очень хорошо объясняет. Спасибо.

[@oleg5588]

1:27:27 - вот тут не понял. {genre && {genre}} работает идентично {Boolean(genre) && {genre}}. Пустая строка ведь приводится к false. Тестил в браузере (прокидывал genre = "", genre = " ",- ничего не отображается на странице. Проясните сей момент, пожалуйста ) UPD: протестил с genre={0} - здесь да, без Boolean отображается, с Boolean - нет. UPD2: забираю свои слова назад)) если здесь заменить на и задать ему высоту (например, {genre && {genre}} ), то, действительно, при прокидывании genre=" " без обертки Boolean будет видна пустая строка.

[@banzayMAD]

спасибо за лекцию

[@justrius]

уважаемый лектор на протяжении 3 часов пытается доказать что реакт элементы не тоже самое что и дом элементы:

[@solemlm]

1) 43:14 Основы Реакта Компонентный подход 2) 47:00 Строительные блоки React Element (JS Object) 3) 48:11 React Element DOM 4) 53:25 React Element Component 5) 57:52 Class Component 6) 59:02 Function Component 7) 1:03:25 React-element tree 8) 1:06:00 Mount(Render) 9) 1:10:30 Создаем первый компонент 10) 1:14:57 что такое JSX/TSX 11) 1:23:13 Props

[@suorgx]

Тёма топ

[@unlfoem3006]

2:15:00 изменение контента элементов и вставка в конец быстрее, чем просто вставка элемента в середину

[@policebox3742]

о, кинопоиск, а есть вариант, чтобы при просмотре фильма на весь экран, можно было регулировать громкость колесиком мыши? а то в экшен сценах звук громкий, а на диалогах тихий, приходится постоянно туда сюда тыкать мышкой. ну или еще один вариант, как то программно ограничивать скачки звука

[@SharkBear314]

Хороший обзорный видос, спасибо

[@ДаниилЗеленко-в2ж]

Спасибо, оч кайфовая лекция

[@benchik100]

Спасибо!!!

[@takemehome2721]

Лайк сразу за футболку от Климова!)

[@РусланПолянский-х7б]

This text is super!

[@maykalmak1878]

Подача огонь но не совсем понял за Reducer(

[@trueslav3999]

Где футболку такую купить?

[@vitalygaraev8093]

Что ты Артём наделал! Вместо того, что бы продолжать мою учёбу на курсе React я смотрю это видео и леплю вместе с тобой проект. Спасибо за информацию!

[@Иван-ц3н4б]

очень душное лето в этом году... и слегка приблатненное )

[@FunAdventureStudio]

Можно в следующий раз звук погромче?)

[@alexg4927]

звук достаточно громкий, это не нужно

[@cyxapik61]

Я обожаю лекции про реакт, У автора есть канал на Ютубе?

[@KOHCEPBNPOBAHHbIN_AHAHAC]

это база!

[@vladislavgorovenko]

Крутая лекция. Не совсем понимаю такое отношение к Tailwind CSS, он же классный :D

[@vladislavgorovenko]

Ведь тогда не нужно придумывать отдельные class names в CSS, и по Tailwind CSS сразу можно увидеть, как компонент будет отображаться.

[@alexg4927]

Он не классный. Пробовал его в нескольких проектах, ориентироваться в этой стене кастомных классов сложно. CSS обычный мне куда приятнее, его проще читать, поддерживать и проще найти разработчиков, которые его знают

[@vladislavgorovenko]

Мне кажется, что в Tailwind разобраться можно за пару часов, если знаешь css. Гораздо удобнее писать стили сразу же в tsx, чем в отдельном файле. Tailwind так же помогает избегать создание своих классов для переиспользования, таких как flex и проч. @@alexg4927

[@whiteguards43]

2:31 что за FORM_ACTIONS ??

[@bigproduction3999]

а у кого-то есть ссылка на презентацию?

[@sh0ny]

44:50 много маленьких пипок

[@KOHCEPBNPOBAHHbIN_AHAHAC]

а у Тёмы есть тг-канал? было бы интересно почитать)

[@temaProg]

temaProg

[@KOHCEPBNPOBAHHbIN_AHAHAC]

2:11:43 наш кастомный Лук)

[@temaProg]

так и задумано)

[@solemlm]

Делал все по видео, но после создания компонента FilmDetails код сломался из-за непередаваемых пропсов, у вас же все работает, но почему не понимаю

[@temaProg]

Привет! Напиши мне в тг, найдём проблему

[@stanislavudcs78]

Начало 4:42

[@KhikmatjonAzizov]

iuuu

[@ГерасимовАндрей-т9е]

Не совсем уловил где можно вызывать хуки 1:38:06

[@temaProg]

В следующий раз добавлю примеров, спасибо за фидбек)

[@diggerdog001]

Как же много абстракций, ну зачем это все. Куда мы идем

[@karis7539]

skill issue. классовые компоненты реакт были в разы сложнее

[@ИванДядюра-ы4й]

​@@karis7539лол, каким местом они сложнее были?

[@fromillia]

Лёгкого мата не хватает

[@tahrizade]

Человек не умеет разговаривать просто. ты бы принял такой ответ ( на " что такое react" ты ответил ) в интервью ??? хрен )))

[@karis7539]

реакт кринж вообще то

[@alexeyfilippov42]

Всм?

[@КимЧенОрк]

JS кринж

[@25x8.]

Сто тысячный бесполезный ролик по основам. Дизлайк естесно

[@mnimaya4252]

2:26:31 Я потирая руками такая оооо, все это время я как нуб разработчик через стейт оформляла формы (если не было нужды использовать формик), вот тут должна быть имба. И тут я не поняла, какой смысл городить столько строк кода если useState можно прокинуть объект и написать один коротенький обработчик. Обработчика вида /* setState({...state, evt.target.name: evt.target.value}) */. Тогда получается одна функция вместо n-кол-ва