2 месяца глубокого погружения в экосистему React
Автор: javascript.ninja
React - превосходно документированная библиотека. create-react-app, redux, да и сам React задали стандартны де-факто по уровню developer experience. Это позволяет на курсе по минимуму пересказывать документацию, и по максимуму учить принципам, указывать слабые места и лучшие практики.
Структура курса
Скачать:
Автор: javascript.ninja
React - превосходно документированная библиотека. create-react-app, redux, да и сам React задали стандартны де-факто по уровню developer experience. Это позволяет на курсе по минимуму пересказывать документацию, и по максимуму учить принципам, указывать слабые места и лучшие практики.
Структура курса
1 Что такое React
Какие проблемы решал Facebook и что привело к доминации на рынке Frontend.
2 Компоненты: Props, State и Lifecycle
Разбираемся с внутренним устройством компонентов.
3 Компонентное мышление
Как разбивать систему на компоненты. Признаки хорошего компонента
4 Практика: компонентное мышление
Разбираем теорию в жизни: от технического задания до кода на React
5 DOM
Взаимодействие React и реального DOM. Refs. Children
6 Практика: DOM
Тонкие места интеграции с существующими решениями на JS. Мирим React с другими библиотеками
7 Тестирование
Как писать тестируемые компоненты и что за этим стоит
8 Storybook & Jest
Тестируем компоненты "вручную" и "автоматически"
9 Компоненты высших порядков: Intro
Как, зачем и почему. Разбираем фундаментальный паттерн мира React
10 Практика: High Order Components
Пишем свои первые HOC'и
11 High Order Component: Сложные сценарии
Когда обычных HOC'ов не хватает. Render prop'ы как альтернатива HOC'а
12 Практика: HOC #2
HOC'и и recompose
13 Роутинг
Знакомство с React-Router v4
14 Практика: ACL в React-Router
Реализовываем контроль доступа
15 Однонаправленный data-flow
Всем Flux!
16 Знакомство с Redux
Reducers, actions, thunks.
17 Middleware в Redux
Как, зачем и почему нужны Middleware. Типичные подходы к их реализации
18 Redux-Saga
One middleware to rule them all
19 Формы в React
Решаем основную боль React с redux-form/final-form
20 Что дальше?
Куда развиваться React-разработчику дальше?
2 месяца глубокого погружения в React
8 домашних заданий. Финальный проект.
Какие проблемы решал Facebook и что привело к доминации на рынке Frontend.
2 Компоненты: Props, State и Lifecycle
Разбираемся с внутренним устройством компонентов.
3 Компонентное мышление
Как разбивать систему на компоненты. Признаки хорошего компонента
4 Практика: компонентное мышление
Разбираем теорию в жизни: от технического задания до кода на React
5 DOM
Взаимодействие React и реального DOM. Refs. Children
6 Практика: DOM
Тонкие места интеграции с существующими решениями на JS. Мирим React с другими библиотеками
7 Тестирование
Как писать тестируемые компоненты и что за этим стоит
8 Storybook & Jest
Тестируем компоненты "вручную" и "автоматически"
9 Компоненты высших порядков: Intro
Как, зачем и почему. Разбираем фундаментальный паттерн мира React
10 Практика: High Order Components
Пишем свои первые HOC'и
11 High Order Component: Сложные сценарии
Когда обычных HOC'ов не хватает. Render prop'ы как альтернатива HOC'а
12 Практика: HOC #2
HOC'и и recompose
13 Роутинг
Знакомство с React-Router v4
14 Практика: ACL в React-Router
Реализовываем контроль доступа
15 Однонаправленный data-flow
Всем Flux!
16 Знакомство с Redux
Reducers, actions, thunks.
17 Middleware в Redux
Как, зачем и почему нужны Middleware. Типичные подходы к их реализации
18 Redux-Saga
One middleware to rule them all
19 Формы в React
Решаем основную боль React с redux-form/final-form
20 Что дальше?
Куда развиваться React-разработчику дальше?
2 месяца глубокого погружения в React
8 домашних заданий. Финальный проект.
Скачать:
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
