Тёмный

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

Young&&Yandex: фронтенд-разработка
Просмотров 39 тыс.
50% 1

Опубликовано:

 

18 июн 2023

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 64   
@Artem_Arutunyan
@Artem_Arutunyan 2 месяца назад
Парень молодец, очень круто объясняет. Легко и в формате "своими словами" материал доносит. Шикарно! Спасибо!
@ctoznaet
@ctoznaet Месяц назад
надо теперь хорошенько постараться, чтобы на собесе не сказать : ну вот и там всякие свистелки - перделки :D
@JS_do_it
@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
@topMergeGames
@topMergeGames Год назад
Автор очень смешно рассказывает, спасибо за поднятие настроение))
@A_A_A182
@A_A_A182 Год назад
Лекция интересная, но чуть громче бы уровень звука
@harunabukhalid
@harunabukhalid Год назад
Просто топ лекция 😅 Я как кайфанул за эти три часа. Спасибо большое!
@user-wt9yd5wz2e
@user-wt9yd5wz2e 11 месяцев назад
Классная подача материала. Тёма очень порадовал - огромный пласт информации разбавленный шутками , легко зашло, хотя и 3 часа.
@alexandrdripa3254
@alexandrdripa3254 11 месяцев назад
Смотрел как фильм! Очень хорошо!
@vladimirplyukhin5234
@vladimirplyukhin5234 Год назад
Топовая лекция, Тёма - красавчик: и доходчиво объясняет, и удерживает внимание. Не забывает разбавлять естественными шутками!
@alenatimofeeva5781
@alenatimofeeva5781 11 месяцев назад
Потрясающая лекция. Спасибо!
@STELLS541
@STELLS541 3 месяца назад
Нашел видос случайно, пишу на реакт пару лет, но посмотреть хотелось все и впереди еще 2 видоса из серии (их вроде бы 3 там). Тема клевый, подача кайфовая.
@mansur.gabidullin
@mansur.gabidullin Год назад
Спасибо за лекцию!
@Senior_weekend_developer
@Senior_weekend_developer Год назад
Смотрел лекции с Тёмой так же в том году. На мой взгляд, очень хорошо объясняет. Спасибо.
@user-ni9tf5yr6m
@user-ni9tf5yr6m 11 месяцев назад
Всё успел: и пошутить, и материал выдать💪
@banzayMAD
@banzayMAD 9 месяцев назад
спасибо за лекцию
@SharkBear314
@SharkBear314 11 месяцев назад
Хороший обзорный видос, спасибо
@user-xr4ms8bc3w
@user-xr4ms8bc3w Год назад
Спасибо, оч кайфовая лекция
@benchik100
@benchik100 11 месяцев назад
Спасибо!!!
@suorgx
@suorgx Год назад
Тёма топ
@user-qf3wf5oq7r
@user-qf3wf5oq7r Год назад
подача топ
@user-qf3wf5oq7r
@user-qf3wf5oq7r Год назад
какой-то стендап для фронтов
@solemlm
@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
@adamburke4496
@adamburke4496 8 месяцев назад
"ВСЁ, ЭТО БАЗА! И ЭТО ГЛАВНОЕ!"
@takemehome2721
@takemehome2721 Год назад
Лайк сразу за футболку от Климова!)
@cyxapik61
@cyxapik61 Год назад
Я обожаю лекции про реакт, У автора есть канал на Ютубе?
@user-kp5og5so7f
@user-kp5og5so7f Год назад
This text is super!
@justrius8286
@justrius8286 4 месяца назад
уважаемый лектор на протяжении 3 часов пытается доказать что реакт элементы не тоже самое что и дом элементы:
@policebox3742
@policebox3742 11 месяцев назад
о, кинопоиск, а есть вариант, чтобы при просмотре фильма на весь экран, можно было регулировать громкость колесиком мыши? а то в экшен сценах звук громкий, а на диалогах тихий, приходится постоянно туда сюда тыкать мышкой. ну или еще один вариант, как то программно ограничивать скачки звука
@maykalmak1878
@maykalmak1878 3 месяца назад
Подача огонь но не совсем понял за Reducer(
@FunAdventureStudio
@FunAdventureStudio Год назад
Можно в следующий раз звук погромче?)
@alexg4927
@alexg4927 10 месяцев назад
звук достаточно громкий, это не нужно
@user-po2nh2fn8c
@user-po2nh2fn8c 5 месяцев назад
Работаю фронтом уже второй год. Решил посмотреть данную трилогию курсов по реакту, чтобы освежить память. Материал преподносится очень интересно и доходчиво, особенно понравилось, что повествование ведется в контексте Некста. Спасибо за столь ценный материал, смотрю на одном дыхании👍🏻
@trueslav3999
@trueslav3999 11 месяцев назад
Где футболку такую купить?
@KOHCEPBNPOBAHHbIN_AHAHAC
@KOHCEPBNPOBAHHbIN_AHAHAC Год назад
это база!
@vitalygaraev8093
@vitalygaraev8093 7 месяцев назад
Что ты Артём наделал! Вместо того, что бы продолжать мою учёбу на курсе React я смотрю это видео и леплю вместе с тобой проект. Спасибо за информацию!
@KOHCEPBNPOBAHHbIN_AHAHAC
@KOHCEPBNPOBAHHbIN_AHAHAC Год назад
а у Тёмы есть тг-канал? было бы интересно почитать)
@temaProg
@temaProg Год назад
temaProg
@bwalrock551
@bwalrock551 Год назад
Шикарный лекция спасибо за доходчивое объяснение и бесплатную доступность
@oleg5588
@oleg5588 6 месяцев назад
1:27:27 - вот тут не понял. {genre && {genre}} работает идентично {Boolean(genre) && {genre}}. Пустая строка ведь приводится к false. Тестил в браузере (прокидывал genre = "", genre = " ",- ничего не отображается на странице. Проясните сей момент, пожалуйста ) UPD: протестил с genre={0} - здесь да, без Boolean отображается, с Boolean - нет. UPD2: забираю свои слова назад)) если здесь заменить на и задать ему высоту (например, {genre && {genre}} ), то, действительно, при прокидывании genre=" " без обертки Boolean будет видна пустая строка.
@vladislavgorovenko
@vladislavgorovenko 11 месяцев назад
Крутая лекция. Не совсем понимаю такое отношение к Tailwind CSS, он же классный :D
@vladislavgorovenko
@vladislavgorovenko 11 месяцев назад
Ведь тогда не нужно придумывать отдельные class names в CSS, и по Tailwind CSS сразу можно увидеть, как компонент будет отображаться.
@alexg4927
@alexg4927 11 месяцев назад
Он не классный. Пробовал его в нескольких проектах, ориентироваться в этой стене кастомных классов сложно. CSS обычный мне куда приятнее, его проще читать, поддерживать и проще найти разработчиков, которые его знают
@vladislavgorovenko
@vladislavgorovenko 10 месяцев назад
Мне кажется, что в Tailwind разобраться можно за пару часов, если знаешь css. Гораздо удобнее писать стили сразу же в tsx, чем в отдельном файле. Tailwind так же помогает избегать создание своих классов для переиспользования, таких как flex и проч. @@alexg4927
@bigproduction3999
@bigproduction3999 11 месяцев назад
а у кого-то есть ссылка на презентацию?
@KOHCEPBNPOBAHHbIN_AHAHAC
@KOHCEPBNPOBAHHbIN_AHAHAC Год назад
2:11:43 наш кастомный Лук)
@temaProg
@temaProg Год назад
так и задумано)
@sh0ny
@sh0ny Год назад
44:50 много маленьких пипок
@whiteguards43
@whiteguards43 10 месяцев назад
2:31 что за FORM_ACTIONS ??
@stanislavudcs78
@stanislavudcs78 Год назад
Начало 4:42
@user-te7xb2to9f
@user-te7xb2to9f Год назад
очень душное лето в этом году... и слегка приблатненное )
@user-gl3fo9vi2s
@user-gl3fo9vi2s 8 месяцев назад
iuuu
@solemlm
@solemlm Год назад
Делал все по видео, но после создания компонента FilmDetails код сломался из-за непередаваемых пропсов, у вас же все работает, но почему не понимаю
@temaProg
@temaProg Год назад
Привет! Напиши мне в тг, найдём проблему
@user-bw1yj3zu1d
@user-bw1yj3zu1d Год назад
Не совсем уловил где можно вызывать хуки 1:38:06
@temaProg
@temaProg Год назад
В следующий раз добавлю примеров, спасибо за фидбек)
@diggerdog001
@diggerdog001 Год назад
Как же много абстракций, ну зачем это все. Куда мы идем
@karis7539
@karis7539 Год назад
skill issue. классовые компоненты реакт были в разы сложнее
@user-po3lh2mc3s
@user-po3lh2mc3s 11 месяцев назад
​@@karis7539лол, каким местом они сложнее были?
@fromillia
@fromillia Год назад
Лёгкого мата не хватает
@karis7539
@karis7539 Год назад
реакт кринж вообще то
@alexeyfilippov42
@alexeyfilippov42 Год назад
Всм?
@user-ni9tf5yr6m
@user-ni9tf5yr6m 11 месяцев назад
JS кринж
@tahrizade
@tahrizade 5 месяцев назад
Человек не умеет разговаривать просто. ты бы принял такой ответ ( на " что такое react" ты ответил ) в интервью ??? хрен )))
@25x8.
@25x8. 11 месяцев назад
Сто тысячный бесполезный ролик по основам. Дизлайк естесно
Далее
SENIOR on JUNIOR Javascript Developer interview
26:35
Просмотров 275 тыс.
Чего ожидать от HTTP/3 + Go
51:07
You still use Redux?
36:39
Просмотров 251 тыс.