ПОЛНЫЙ КУРС 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 -
🍥 Тема в редактор/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 (возможно ли?) и почему выбирают ?
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 - - повышение производительности
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 -
Настройка webstorm -
Настройка терминала -
⚡️Закрытый клуб “5 утра“ -
💡 Личный ТГ канал -
🌿 Плейлист с полными курсами для новичков и не только -
👉 Все ссылки ( настройка редактора) и информация обо мне -
Дизайн проекта -
#React #ReactJS #React_js #RedGroup
1 view
65
9
1 month ago 00:12:26 1
ВСУ ударили по штабу Курского фронта ВС РФ | Вероятно уничтожено командование целого направления
2 months ago 00:00:26 1
Чего блять (полная версия)
2 months ago 01:26:58 19
1876 год: начало подготовки России и Турции к войне друг с другом / Борис Кипнис / №153
2 months ago 00:20:19 16
Ошибка Valve длиной 17 лет. Будущее Steam Deck 2. Кодзима поломался
2 months ago 00:16:09 1
Слово КРОВЬ - Разбор по буквице! Русская кровь хранятся знания предков? ОСОЗНАНКА
2 months ago 01:16:24 1
RADIO TAPOK о саундтреках к истории, концертах на Украине, поездках в Донбасс и Курск
2 months ago 00:02:39 2
Базовый Курс Adobe After Effects. Интерфейс. Урок №1.
2 months ago 00:35:58 1
Лечебная гимнастика при сколиозе. Полный комплекс упражнений /Therapeutic exercises for scoliosis
2 months ago 01:07:36 1
Отношение к Столыпину и Эйдельман, патриотизм, курс России и корни конфликта с Украиной // Спицын
2 months ago 00:17:51 1
Соловьев ИСТЕРИТ: Россия - КОЛОНИЯ Китая? Подарок воякам РФ - МЯСОРУБКА! А Симоньян ДАЕТ заднюю...
2 months ago 00:54:15 1
РФ - это управляющая компания
2 months ago 00:18:52 1
Убери шум в ушах за 1 минуту и улучши слух чтобы слышать перешептывание соседских комаров
2 months ago 01:43:30 4
Грядущий Царь, Царица. Дьявольские ловушки и шикарный бизнес. Распятие идет полным ходом.
2 months ago 00:39:50 1
Полный комплекс при сколиозе любой степени.
2 months ago 00:41:01 1
Пальмовое масло ВЕЗДЕ. Молоко: ГОСТ из ОТРАВЫ! Снято скрытой КАМЕРОЙ!
2 months ago 00:41:58 1
КТО. КОГДА И ЗАЧЕМ СОЗДАЛ ВЕЛИКОГО СФИНКСА * ЗАГАДКИ ДРЕВНЕЙ ЦИВИЛИЗАЦИИ * АЛЕКСАНДР ЗАРАЕВ
2 months ago 00:19:49 1
КАК СТИХИЯ ВОЗДУХА ВЛИЯЕТ НА ПОЛИТИКУ И АВАРИИ * РЕТРОСПЕКТИВА ОКТЯБРЬСКИХ СОБЫТИЙ * А. ЗАРАЕВ
2 months ago 00:13:58 1
ПЕРЕЛОМНЫЙ И СУДЬБОНОСНЫЙ НОЯБРЬ 2024 ГОДА * ОБЩЕСТВЕННО - ПОЛИТИЧЕСКИЕ ПОТРЯСЕНИЯ И ПРОГНОЗЫ
2 months ago 00:05:32 1
АСТРОПРОГНОЗ НА НЕДЕЛЮ С 28 ОКТЯБРЯ ПО 3 НОЯБРЯ 2024 * АСТРОЛОГ АЛЕКСАНДР ЗАРАЕВ
2 months ago 00:02:25 1
💗☕️Доброе Утро! Друзья…Вы Знаете…, а Жизнь Уходит не Прощаясь…!
2 months ago 01:02:56 4
Полный разбор Drop части в стиле Peak Time Techno.
2 months ago 00:03:13 1
3. Царства живой природы. Часть 2
2 months ago 00:07:40 1
3. Царства живой природы. Часть 1
2 months ago 00:12:23 1
Как влияет ношение колец и цепочек на энергетику человека