Полный курс по React JS - Изучи React JS за 2 часа! +таймкоды

День тому

Поддержать автора - www.donationalerts.com/r/teac...
Новый большое видео на канале, сегодня я публикую полный курс React JS для начинающих. Этот материал позволит тебе изучить Реакт за 2 часа с нуля. В этом ролике будет как и практика react, на примере проекта, так и немного теории реакта. Можно сказать это фундаментальный курс по React от А до Я. Приятного просмотра!
Поддержи видео лайком, 20 лайков 👍 и я делаю полный курс по Next JS!
Скачать 🖥 готовый проект + база данных - teacoder.ru/projects/react-js
🦋 ТГ канал - t.me/teacoder_official
Если есть какие то вопросы по этой теме - дай знать в 💬 комментариях!
00:00:00 - Начало
00:00:21 - NPM vs YARN
00:00:56 - Vite vs Webpack
00:01:28 - Что такое React?
00:02:00 - Создание React приложения
00:03:21 - Структура проекта
00:06:33 - Особенности JSX
00:10:33 - Проблемы с SEO и почему выбирают Next.js?
00:11:33 - Варианты как можно писать стили в React
00:17:10 - Как подключить изображения в React?
00:21:43 - Вывод элементов меню с помощью map в JSX
00:27:18 - Условия внутри JSX - тернарный оператор
00:28:13 - Декомпозиция и пропсы
00:31:10 - Хуки в React - useState и управляемый Input
00:42:14 - Форма создания поста
00:45:27 - Оптимизация большого количества полей
00:48:21 - useEffect
00:51:46 - Выполнение запросов с помощью fetch
00:53:32 - Fetch vs Axios
00:54:56 - Почему важно писать сервисы?
00:57:08 - Routing - React Router Dom
00:58:57 - Страница одной машины и получение данных
01:02:34 - Как писать ссылки без перезагрузки?
01:05:37 - useRef - где применять?
01:08:08 - Авторизация и контекст useContext
01:13:31 - Почему использую react-hook-form?
01:18:46 - Почему React Query это круто?
01:22:52 - useMutation - мутация
01:28:17 - Рефакторинг на кастомные хуки
01:33:03 - Добавление TypeScript в проект
01:48:31 - Конец
#React #ReactJS #Реакт #TeaCoder

КОМЕНТАРІ: 23

@elmanmammadov1877 22 дні тому

Супер! Спасибо за твой труд. И очень хотелос бы про Next.js

@asifabbasov3801 16 днів тому

Cool very cool. А можно побольше такой практики на React. Спасибо большое тебе))))

@basepy5167 27 днів тому

Отличный урок всё понятно и кратко жду Урок по Next.js

@greennmrtnm3342 11 днів тому

Привет! Спасибо! Отличный курс с прекрасной подачей материала! Ничего лишнего, легко слушать. Просьба, пожалуйста сделай еще видео с разработкой каких-нибудь небольших полноценных проектов на react с использованием redux toolkit, typescript, backend на node.js, БД postgresql или mongodb. Было бы классно!

@TeaCoder 11 днів тому

Такие видео у меня планируются. Только сначала нужно закончить с базовыми курсами. Нужно еще снять курс по Next JS, Tailwind CSS и nest js

@greennmrtnm3342 11 днів тому

@@TeaCoder отлично)

@userAccount667 21 день тому

наконец то я нашел человека который пользуется с Firefox 🙂

@asifabbasov3801 19 днів тому

А что за тему в vs code вы применяете? Мне очень понравилось.

@TeaCoder 19 днів тому

Dark Modern c++

@onlyother-qi2pj 28 днів тому

Почему-то не работают модульные стили. Может что-то не так сделал, или что-то установить еще нужно?

@TeaCoder 28 днів тому

Установка не требуется. Вероятно, вы забыли импортировать в файле jsx или tsx из вашего файла со стилями. Вот исправленная инструкция по шагам: 1. Создайте модульный файл стилей (например, Home.module.css). 2. В вашем файле jsx или tsx добавьте следующую строку: import styles from './Home.module.css(путь к вашему файлу)'. Далее вы можете использовать классы стилей, например: (где "wrapper" - название класса). В файле стилей (Home.module.css) определите CSS стили, например: .wrapper { background-color: #000; }