Полный курс React JS для начинающих - Изучи Реакт за 2 часа! +таймкоды

💎 Оформить премиум подписку - https://htmllessons.ru/premium?utm_so...
❤️ Отзывы тут - https://t.me/htmllessons_reviews

Новый большое видео на канале, сегодня я публикую полный курс React JS для начинающих. Этот материал позволит тебе изучить Реакт за 2 часа с нуля. Считай это 20 уроков React в одном видео. В прошлый раз я делал быстрый курс по React, но это был не полный материал. В этом ролике будет как и практика react, на примере проекта, так и немного теории реакта. Также отвечу на некоторые вопросы, которые встречаются на собеседование на Junior React Front-end разработчика. Можно сказать это фундаментальный курс по React от А до Я. Приятного просмотра!

Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 1000 лайков и я снимаю курс по Next.js, а если соберем 1500 лайков, то курс Redux + RTK Query.

Если есть какие то вопросы по этой теме - дай знать в 💬 комментариях!

Скачать 🖥 готовый проект + база данных (требуется подписка) - https://htmllessons.ru/repositories#s...

🦋 ТГ канал - https://t.me/redgroupchannel

⚡️ Список интенсивов по подписке - https://htmllessons.ru/list-intensive...

🍥 Тема в редактор/IDE - Dark+ V2

👉 Полезные ссылки из видео:
npm vs yarn vs pnpm -    • NPM vs YARN vs PNPM - Сравнение, что ...  
Roadmap -    • Roadmap 2023 - Что учить в 2023 Front...  
Настройка vs code + сниппеты -    • 🦋 Настройка VS Code для разработчика...  
Быстрый курс react hook form -    • ⚡️Быстрый курс по React Hook Form | ...  
Amazon 2.0 -    • 🚀 AMAZON 2.0 - ИНТЕРНЕТ МАГАЗИН с нул...  

00:00:00 - Начало
00:01:52 - NPM vs YARN
00:02:37 - Vite vs Webpack
00:03:30 - Создание React приложения
00:04:33 - Структура проекта
00:07:44 - Почему функциональные компоненты
00:11:30 - Особенности JSX
00:16:24 - Проблемы с SEO и почему выбирают Next.js?
00:17:52 - Первый компонент
00:20:00 - Варианты как можно писать стили в React
00:22:15 - Что такое React?
00:24:08 - Как подключить изображения в React?
00:28:22 - Вывод элементов меню с помощью map в JSX
00:32:24 - Условия внутри JSX - тернарный оператор
00:33:15 - Декомпозиция и пропсы
00:35:30 - Фильтрация
00:36:10 - useMemo - оптимизация и кэширование
00:39:02 - Хуки в React - useState и управляемый Input
00:46:30 - Форма создания поста
00:52:04 - Оптимизация большого количества полей
00:55:05 - useEffect
00:57:00 - Выполнение запросов с помощью fetch
00:58:04 - Fetch vs Axios
01:00:37 - Почему важно писать сервисы?
01:02:15 - Routing - React Router Dom
01:04:50 - Страница одной машины и получение данных
01:07:48 - Как писать ссылки без перезагрузки?
01:09:32 - Как вручную перенаправлять пользователя с помощью history?
01:11:03 - useRef - где применять?
01:14:23 - useCallback - оптимизация
01:15:49 - React.memo - повышение производительности
01:18:05 - Авторизация и контекст useContext
01:24:00 - HOC - Компонент высшего порядка
01:27:37 - Почему использую react-hook-form?
01:33:54 - Почему React Query это круто?
01:38:30 - useMutation - мутация
01:44:28 - Рефакторинг на кастомные хуки
01:49:06 - Добавление TypeScript в проект
02:01:34 - Какой структуры папок придерживаться
02:03:45 - Какой план обучения дальше?

#React #ReactJS #Реакт #RedGroup

💡 Личный ТГ канал - https://t.me/hardmaxchannel

👉 Все ссылки (+ настройка редактора) и информация обо мне - https://redlinks.tech/

Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔