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