Базовый курс React
О чём курс
Разработчики выбирают React из-за строгих стандартов и развитой экосистемы, однако реальные проекты требуют понимания внутренних принципов работы, а не простого чтения документации. Курс сфокусирован на переходе от теории к инженерному мышлению: как разбивать архитектуру приложения на компоненты, обеспечивать их предсказуемость и правильно интегрировать с внешними JS-библиотеками.
Внутри разбираются фундаментальные паттерны: работа с DOM через Refs, создание компонентов высшего порядка (HOC), использование Render Props и управление состоянием через Redux с применением Redux-Saga. Отдельное внимание уделено тестированию компонентов с помощью Jest и Storybook, а также организации маршрутизации и работе с формами. В результате вы научитесь строить масштабируемые фронтенд-системы и работать со стеком, который считается стандартом индустрии.
Программа обучения
- Что такое React. Какие проблемы решал Facebook и что привело к доминации на рынке Frontend
- Компоненты: Props, State и Lifecycle. Разбираемся с внутренним устройством компонентов
- Компонентное мышление. Как разбивать систему на компоненты. Признаки хорошего компонента
- Практика: компонентное мышление. Разбираем теорию в жизни: от технического задания до кода на React
- DOM. Взаимодействие React и реального DOM. Refs. Children
- Практика: DOM. Тонкие места интеграции с существующими решениями на JS. Мирим React с другими библиотеками
- Тестирование. Как писать тестируемые компоненты и что за этим стоит
- Storybook & Jest. Тестируем компоненты "вручную" и "автоматически"
- Компоненты высших порядков: Intro. Как, зачем и почему. Разбираем фундаментальный паттерн мира React
- Практика: High Order Components. Пишем свои первые HOC'и
- High Order Component: Сложные сценарии. Когда обычных HOC'ов не хватает. Render prop'ы как альтернатива HOC'а
- Практика: HOC #2. HOC'и и recompose
- Роутинг. Знакомство с React-Router v4
- Практика: ACL в React-Router. Реализовываем контроль доступа
- Однонаправленный data-flow. Всем Flux!
- Знакомство с Redux. Reducers, actions, thunks.
- Middleware в Redux. Как, зачем и почему нужны Middleware. Типичные подходы к их реализации
- Redux-Saga. One middleware to rule them all
- Формы в React. Решаем основную боль React с redux-form/final-form
- Что дальше? Куда развиваться React-разработчику дальше?
Другие материалы школы 1
J JS.Ninja Все материалыОтзывов пока нет. Будьте первым!
Это не розничная цена — это ваш взнос в складчину. Мы собираем группу участников и делим между ними стоимость официального доступа: каждый платит только свою долю, а получает весь материал. Чем больше участников, тем меньше взнос. После того как сумма собрана, мы оформляем официальный доступ и раздаём материалы всем, кто участвовал.
Нажмите кнопку «Получить доступ» на этой странице и следуйте инструкциям. Вас переведёт на форму оплаты — доступны все современные способы (карта, СБП, электронные кошельки). После оплаты на почту придёт письмо с доступом: материалы выдаются в разделе «Мои складчины» на нашем основном сайте skladchik.org. Учтите: в России skladchik.org открывается только через ускоритель интернета (VPN) — настроить его можно за пару минут по инструкции на skladchik-kak-voiti.online.
Да, конечно. Все материалы — видео, PDF, дополнительные файлы — можно скачать к себе на компьютер и пользоваться ими сколько угодно, без ограничений по времени. Ссылки остаются активными в вашей библиотеке «Мои складчины».