ПОЛНЫЙ КУРС REACT JS для начинающих - Изучи Реакт за 2 часа с нуля!
🔥 Оформить премиум подписку -
❤️ Отзывы тут -
Регистрируйтесь на масштабную IT-конференцию GoCloud —
Реклама. ООО "Облачные технологии", ИНН 7736279160, ERID: 2VfnxwK83a8 Поддержи видео лайком, 2000 лайков 👍 и я делаю полный курс по Next js 2024! Скачать 🖥 папку проекта -
Новый большое видео на канале, сегодня я публикую полный курс React JS для начинающих. Этот материал позволит тебе изучить Реакт за 2 часа с нуля. Считай это 20 уроков React в одном видео. В прошлый раз я делал полный курс по React, но это был не такой полный материал. В этом ролике будет как и практика react, на примере проекта, так и немного теории реакта. Также отвечу на некоторые вопросы, которые встречаются на собеседование на Junior React Front-end разработчика. Можно сказать это фундаментальный курс по React от А до Я. Приятного просмотра! 🔐 МК по авторизации (все исходники и запись доступны навсегда!) -
⚡️ Список интенсивов по подписке -
☑️ Чеклист "С нуля до Senior front-end" -
VK - https://vk.com/redgroupchannel
🍥 Тема в редактор/IDE - Dark Modern / Jetbrains Mono / Catppuccin icon ✨Скачать настройку VS Code -
🎹 Клавиатура - NuPhy Halo65 / switch Night Breeze Если есть какие то вопросы по этой теме - дай знать в 💬 комментариях! 00:00:00 - Начало 00:01:08 - План видео 00:02:27 - Курс по Nextjs 00:02:52 - Где скачать папку проекта? 00:03:47 - Концепция данного курса 00:05:23 - Как следить за всеми обновлениями? 00:06:35 - NPM vs YARN 00:07:20 - Vite vs Webpack 00:08:45 - Что такое React? 00:10:36 - Установка React 00:14:36 - Разбираем базовую структуру проекта 00:18:06 - Тема/Иконки/Шрифт 00:18:56 - Почему функциональные компоненты 00:24:26 - Особенности JSX 00:28:23 - Проблемы с SEO (возможно ли?) и почему выбирают Next.js? 00:31:56 - Первый компонент 00:33:29 - Варианты как можно писать стили в React 00:37:36 - Как подключить изображения в React? 00:39:36 - Вывод элементов с помощью map в JSX 00:41:26 - Условия внутри JSX - тернарный оператор 00:42:36 - Декомпозиция и пропсы 00:44:36 - Хуки в React - useState 00:49:34 - Оптимизация большого количества стейтов 00:52:50 - useEffect 00:58:26 - useRef - где применять? 01:01:56 - Как понять когда нужна оптимизация? 01:05:06 - useCallback - оптимизация 01:06:26 - useMemo - оптимизация и кэширование 01:09:06 - useCallback vs useMemo 01:09:48 - React.memo - повышение производительности 01:11:16 - Авторизация и контекст useContext 01:17:26 - Кастомный хук 01:18:36 - Выполнение запросов с помощью fetch 01:21:56 - Routing - React Router Dom v6 01:25:01 - Как писать ссылки без перезагрузки? 01:25:22 - Как вручную перенаправлять? 01:26:06 - Какой структуры папок придерживаться 01:30:04 - Показываю мою структуру в большом проекте 01:31:36 - Добавление TypeScript в проект 01:36:56 - Верстка редактора письма 01:53:06 - Функционал формы 02:13:16 - Простенькая база данных 02:15:06 - Почему важно писать сервисы? 02:15:51 - Получение данных axios 02:17:16 - Почему (Tanstack Query) React Query это круто? 02:20:36 - useMutation - мутация 02:23:54 - Рефакторинг компонентов 02:25:26 - Кратко про react 19 02:25:50 - Почему Redux устарел и какие альтернативы? 02:26:36 - Какой план обучения дальше? 👇 Полезные видео: Деплой проекта с нуля -
Настройка vs code - https://www.youtube.com/watch?v=zR9AwQMaQWE
Настройка webstorm - https://www.youtube.com/watch?v=TDHRWZGLQdc
Настройка терминала - https://www.youtube.com/watch?v=6qzyWLZha0E
⚡️Закрытый клуб "5 утра" -
💡 Личный ТГ канал -
🌿 Плейлист с полными курсами для новичков и не только - https://www.youtube.com/playlist?app=desktop&list=PLXkonRjGXZwxfa5YGgkENee7sQhc-Mdhd
👉 Все ссылки (+ настройка редактора) и информация обо мне -
Дизайн проекта -
#React #ReactJS #React_js #RedGroup
❤️ Отзывы тут -
Регистрируйтесь на масштабную IT-конференцию GoCloud —
Реклама. ООО "Облачные технологии", ИНН 7736279160, ERID: 2VfnxwK83a8 Поддержи видео лайком, 2000 лайков 👍 и я делаю полный курс по Next js 2024! Скачать 🖥 папку проекта -
Новый большое видео на канале, сегодня я публикую полный курс React JS для начинающих. Этот материал позволит тебе изучить Реакт за 2 часа с нуля. Считай это 20 уроков React в одном видео. В прошлый раз я делал полный курс по React, но это был не такой полный материал. В этом ролике будет как и практика react, на примере проекта, так и немного теории реакта. Также отвечу на некоторые вопросы, которые встречаются на собеседование на Junior React Front-end разработчика. Можно сказать это фундаментальный курс по React от А до Я. Приятного просмотра! 🔐 МК по авторизации (все исходники и запись доступны навсегда!) -
⚡️ Список интенсивов по подписке -
☑️ Чеклист "С нуля до Senior front-end" -
VK - https://vk.com/redgroupchannel
🍥 Тема в редактор/IDE - Dark Modern / Jetbrains Mono / Catppuccin icon ✨Скачать настройку VS Code -
🎹 Клавиатура - NuPhy Halo65 / switch Night Breeze Если есть какие то вопросы по этой теме - дай знать в 💬 комментариях! 00:00:00 - Начало 00:01:08 - План видео 00:02:27 - Курс по Nextjs 00:02:52 - Где скачать папку проекта? 00:03:47 - Концепция данного курса 00:05:23 - Как следить за всеми обновлениями? 00:06:35 - NPM vs YARN 00:07:20 - Vite vs Webpack 00:08:45 - Что такое React? 00:10:36 - Установка React 00:14:36 - Разбираем базовую структуру проекта 00:18:06 - Тема/Иконки/Шрифт 00:18:56 - Почему функциональные компоненты 00:24:26 - Особенности JSX 00:28:23 - Проблемы с SEO (возможно ли?) и почему выбирают Next.js? 00:31:56 - Первый компонент 00:33:29 - Варианты как можно писать стили в React 00:37:36 - Как подключить изображения в React? 00:39:36 - Вывод элементов с помощью map в JSX 00:41:26 - Условия внутри JSX - тернарный оператор 00:42:36 - Декомпозиция и пропсы 00:44:36 - Хуки в React - useState 00:49:34 - Оптимизация большого количества стейтов 00:52:50 - useEffect 00:58:26 - useRef - где применять? 01:01:56 - Как понять когда нужна оптимизация? 01:05:06 - useCallback - оптимизация 01:06:26 - useMemo - оптимизация и кэширование 01:09:06 - useCallback vs useMemo 01:09:48 - React.memo - повышение производительности 01:11:16 - Авторизация и контекст useContext 01:17:26 - Кастомный хук 01:18:36 - Выполнение запросов с помощью fetch 01:21:56 - Routing - React Router Dom v6 01:25:01 - Как писать ссылки без перезагрузки? 01:25:22 - Как вручную перенаправлять? 01:26:06 - Какой структуры папок придерживаться 01:30:04 - Показываю мою структуру в большом проекте 01:31:36 - Добавление TypeScript в проект 01:36:56 - Верстка редактора письма 01:53:06 - Функционал формы 02:13:16 - Простенькая база данных 02:15:06 - Почему важно писать сервисы? 02:15:51 - Получение данных axios 02:17:16 - Почему (Tanstack Query) React Query это круто? 02:20:36 - useMutation - мутация 02:23:54 - Рефакторинг компонентов 02:25:26 - Кратко про react 19 02:25:50 - Почему Redux устарел и какие альтернативы? 02:26:36 - Какой план обучения дальше? 👇 Полезные видео: Деплой проекта с нуля -
Настройка vs code - https://www.youtube.com/watch?v=zR9AwQMaQWE
Настройка webstorm - https://www.youtube.com/watch?v=TDHRWZGLQdc
Настройка терминала - https://www.youtube.com/watch?v=6qzyWLZha0E
⚡️Закрытый клуб "5 утра" -
💡 Личный ТГ канал -
🌿 Плейлист с полными курсами для новичков и не только - https://www.youtube.com/playlist?app=desktop&list=PLXkonRjGXZwxfa5YGgkENee7sQhc-Mdhd
👉 Все ссылки (+ настройка редактора) и информация обо мне -
Дизайн проекта -
#React #ReactJS #React_js #RedGroup
