Базовый курс React

24 участника

О чём курс

Разработчики выбирают React из-за строгих стандартов и развитой экосистемы, однако реальные проекты требуют понимания внутренних принципов работы, а не простого чтения документации. Курс сфокусирован на переходе от теории к инженерному мышлению: как разбивать архитектуру приложения на компоненты, обеспечивать их предсказуемость и правильно интегрировать с внешними JS-библиотеками.

Внутри разбираются фундаментальные паттерны: работа с DOM через Refs, создание компонентов высшего порядка (HOC), использование Render Props и управление состоянием через Redux с применением Redux-Saga. Отдельное внимание уделено тестированию компонентов с помощью Jest и Storybook, а также организации маршрутизации и работе с формами. В результате вы научитесь строить масштабируемые фронтенд-системы и работать со стеком, который считается стандартом индустрии.

Программа обучения

    1. Что такое React. Какие проблемы решал Facebook и что привело к доминации на рынке Frontend
    1. Компоненты: Props, State и Lifecycle. Разбираемся с внутренним устройством компонентов
    1. Компонентное мышление. Как разбивать систему на компоненты. Признаки хорошего компонента
    1. Практика: компонентное мышление. Разбираем теорию в жизни: от технического задания до кода на React
    1. DOM. Взаимодействие React и реального DOM. Refs. Children
    1. Практика: DOM. Тонкие места интеграции с существующими решениями на JS. Мирим React с другими библиотеками
    1. Тестирование. Как писать тестируемые компоненты и что за этим стоит
    1. Storybook & Jest. Тестируем компоненты "вручную" и "автоматически"
    1. Компоненты высших порядков: Intro. Как, зачем и почему. Разбираем фундаментальный паттерн мира React
    1. Практика: High Order Components. Пишем свои первые HOC'и
    1. High Order Component: Сложные сценарии. Когда обычных HOC'ов не хватает. Render prop'ы как альтернатива HOC'а
    1. Практика: HOC #2. HOC'и и recompose
    1. Роутинг. Знакомство с React-Router v4
    1. Практика: ACL в React-Router. Реализовываем контроль доступа
    1. Однонаправленный data-flow. Всем Flux!
    1. Знакомство с Redux. Reducers, actions, thunks.
    1. Middleware в Redux. Как, зачем и почему нужны Middleware. Типичные подходы к их реализации
    1. Redux-Saga. One middleware to rule them all
    1. Формы в React. Решаем основную боль React с redux-form/final-form
    1. Что дальше? Куда развиваться React-разработчику дальше?
Складчина создана 18 января 2018 г. · описание обновлено 23 марта 2026 г.

Другие материалы школы 1

J JS.Ninja Все материалы
2 360 ₽ 25 600 ₽