Начало 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
Нашел видос случайно, пишу на реакт пару лет, но посмотреть хотелось все и впереди еще 2 видоса из серии (их вроде бы 3 там). Тема клевый, подача кайфовая.
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
о, кинопоиск, а есть вариант, чтобы при просмотре фильма на весь экран, можно было регулировать громкость колесиком мыши? а то в экшен сценах звук громкий, а на диалогах тихий, приходится постоянно туда сюда тыкать мышкой. ну или еще один вариант, как то программно ограничивать скачки звука
Работаю фронтом уже второй год. Решил посмотреть данную трилогию курсов по реакту, чтобы освежить память. Материал преподносится очень интересно и доходчиво, особенно понравилось, что повествование ведется в контексте Некста. Спасибо за столь ценный материал, смотрю на одном дыхании👍🏻
1:27:27 - вот тут не понял. {genre && {genre}} работает идентично {Boolean(genre) && {genre}}. Пустая строка ведь приводится к false. Тестил в браузере (прокидывал genre = "", genre = " ",- ничего не отображается на странице. Проясните сей момент, пожалуйста ) UPD: протестил с genre={0} - здесь да, без Boolean отображается, с Boolean - нет. UPD2: забираю свои слова назад)) если здесь заменить на и задать ему высоту (например, {genre && {genre}} ), то, действительно, при прокидывании genre=" " без обертки Boolean будет видна пустая строка.
Он не классный. Пробовал его в нескольких проектах, ориентироваться в этой стене кастомных классов сложно. CSS обычный мне куда приятнее, его проще читать, поддерживать и проще найти разработчиков, которые его знают
Мне кажется, что в Tailwind разобраться можно за пару часов, если знаешь css. Гораздо удобнее писать стили сразу же в tsx, чем в отдельном файле. Tailwind так же помогает избегать создание своих классов для переиспользования, таких как flex и проч. @@alexg4927