Курс React с нуля! Создай свое приложение Криптовалют! Стань React Frontend разработчиком.

Освойте React с нуля с нашим курсом! Сфокусировавшись на чистом React и минуя сложные элементы его экосистемы, мы даем вам чистое понимание этой технологии. Разработайте свое первое приложение для мониторинга криптовалют используя Vite, изучите работу с хуками, методы запросов на сервер и оптимизации кода. Все представлено ясно и по делу. Начните свой путь к профессии React Frontend разработчика именно с этого курса.

Приложение:

Мой телеграмм канал с roadmap:

Мой GitHub:

API крипты с видео:

0:00 - Приветствие. Что будет в этом курсе
1:28 - Теория, что такое React
7:51 - Начало разработки. Компоненты
12:05 - JSX разметка
13:05 - Создание компоненты
14:43 - Фрагменты.
17:56 - Стилизация. css, module, inline
23:22 - Динамическая вставка в jsx
28:23 - Состояние, useState
30:15 - Props, прокидываем состояние в компоненты
33:18 - События, обработчики событий. Меняем состояние
35:17 - Как работает состояние компоненты
36:05 - Жизненные этапы. useEffect
39:10 - Запросы на сервер, API. env файл, установка axios
46:55 - Список криптовалют
47:50 - Работаем с массивами. Метод map(), key
50:00 - Условный рендеринг
50:50 - Создаем карточку крипты с динамическими данными
55:30 - Формы, input. Управляемые и неуправляемые
58:55 - useRef
1:02:35 - Фильтрация и поиск крипты. Метод массивов filter()
1:06:50 - HOC High Order Component
1:13:25 - useMemo мемоизация
1:18:18 - useCallback
1:20:35 - Context React
1:25:13 - Кастомные хуки в React
1:28:14 - Чистим приложение
1:28:44 - Создаем гит репозиторий
1:31:14 - Vercel деплой приложения
1:34:03 - Результат
1:35:44 - Что учить дальше + мотивация + план + советы
1:40:33 - Заключение

#javascript #webdevelopment #react #IT #frontend #frontenddeveloper #БесплатноеОбучение #Фронтенд #Разработка #Программист #ВебРазработка #ВидеоУроки #курс

[reactify-it]

Reactify | Программирование
Авторский канал о программировании. В Telegram канале ежедневные посты с теорией и советами, примеры кода, викторины, IT-новости, короткие видео с историями и объяснениями, обсуждения технологий, анализ рынка IT, обзор книг, статей, ресурсов, вакансий и многое другое.

[Агент-лл]

Спасибо за труды👍 Жирный Лайк с меня👍👍👍

[АлександрПетрушкин-чй]

Отличный урок. Все очень понятно, по полочкам разложил. Спасибо

[НаташаКорниенко-йц]

Как раз то, что искала! Без роутинга и редакса

[evgen_dolf]

Учу реакт как раз, спасибо за нормальную и полезную инфу!

[sgatrade]

просто обалденная подача информации. однозначно подписка лайк:)

[alexandregorov]

Отличный курс для начинающий! Очень благоадрю!Возник вопрос - я закрыл идею на пару дней, потом вновь вернулся к нему - и не могу понять как заново открыть в браузеер приложение, если открыть наш HTML файл - то он открывает пустую страницу, локал хост как у тебя тоже пробовал, тишина.

[May-ywkb]

Друг, подскажи, пожалуйста! Учусь пока верстать и изучаю базу JS. Как выучу базу языка, я смогу понять что ты делаешь в этом видео? Ну, то есть, это для новичков-чайников?

[PavelGildebrant]

от вас будут еще курсы? спасибо большое я все понял и все понравилось

[help_x]

у меня одного не работает апишка? не получается зайти в аккаунт у них на сайте

[npepp]

При деплойе приложения возникла ошибка Could not resolve "./pages/main/Main" from "src/App.jsx"
file: /vercel/path0/src/App.jsx
error during build:
RollupError: Could not resolve "./pages/main/Main" from "src/App.jsx"
Error: Command "npm run build" exited with 1