Изучить философию и дух компонентного подхода современных javascript-фреймворков, научиться использовать React для решения практических задач.
Для новичков React выглядит немного сложнее, чем Vue.js. Но вакансий на нём больше.
Программа курса:
15 июня, 20:00 — урок 1
- Простая сборка с vite
- Понимание JSX
- Понимание основных хуков
- Изменение состояния и иммутабельность
- Рендеринг элементов в цикле
- Нюансы атрибута key
19 июня, 20:00 — урок 2
- useEffect, useRef, useMemo
- Взаимодействие между компонентами
- Однонаправленный поток данных
- Обработка событий
- Children – передача контента в компонент
- Работа с формами
22 июня, 20:00 — урок 3
- Работа со стилями
- Модульный CSS vs CSS in JS
- Идеи Tailwind CSS
- Работа с готовыми UI-фреймворками
- Использование Material Tailwind
26 июня, 20:00 — урок 4
- Проблемы большой иерархии компонентов
- Проброс параметров сквозь уровни
- Понимание React Context
- Context Provider и useContext
- Создание своих хуков
29 июня, 20:00 — урок 5
- Управление состоянием приложения
- Централизованное хранилище данных
- Mobx vs Redux / Recoil
- Основы работы с Mobx
- Состояние, геттеры и методы
- Mobx и реактивность компонентов
3 июля, 20:00 — урок 6
- Продвинутая работа с Mobx
- Модули хранилища и rootStore
- Внедрение хранилища через контекст
- Основы React Router
- Нюансы режима Api History
- Создание небольшого SPA
6 июля, 20:00 — урок 7
- Взаимодействие с серверным API
- Подготовка к работе с Fetch / Axios
- Построение архитектуры приложения
- Сущности http и api
- Глобальная обработка ошибок
10 июля, 20:00 — урок 8
- Доработка SPA
- Применение изученных тем
- Сборка в production
- Перенос SPA на сервер
- Рекомендации по дальнейшему развитию.
