ReactJS. Базовый курс от Geek Brains

Урок 1. Знакомство с ReactJS. Первые компоненты

• Что такое SPA.

• Зачем нужен webpack.

• Менеджер пакетов npm.

• Настройка webpack.

• Создание первого React-приложения.

Урок 2. Жизненный цикл компонента

• ReactComponent, state, componentWillMount и componentDidMount, componentDidUpdate, componentWillUnmount.

• Вложенность компонентов и props и propTypes.

• Начало разработки мессенджера.

Урок 3. Virtual DOM. Material UI. PropTypes

• Что такое Virtual DOM.

• Стилизация React-компонентов.

• Обработка событий.

• Подключение и использование Material UI

Урок 4. Children. Роутинг в React

• prevState и prevProps.

• Подключение BrowserRouter.

• Switch, Route и Link.

• Как осуществляется роутинг.

• Хранение чатов и сообщений.

• Способы отладки React-приложения.

Урок 5. Контекст. Компоненты высшего порядка. Знакомство с Redux

• Зачем нужен Redux.

• Схема работы Redux.

• Reducers и actions.

• Redux DevTools Extension.

• Компоненты и контейнеры.

• Перенос сообщений в Redux.

Урок 6. Погружение в react-redux

• Когда нужно использовать Redux middlewares.

• Реализация ответа от робота при помощи middlewares.

• ConnectedRouter.

• Хранение истории сообщений при помощи redux-persist.

Урок 7. Redux middlewares. Redux-persist.

• Познакомимся с redux middlewares.

• Познакомимся с одной из самых популярных библиотек для middlewares - redux-thunk.

• Научимся использовать redux-thunk для асинхронных действий.

• Рассмотрим альтернативы redux-thunk - redux-saga и redux-observable.

• Познакомимся с библиотекой redux-persist.

• Научимся сохранять данные из стора на стороне клиента.

Урок 8. Работа с API

• Что такое API.

• Как работают асинхронные запросы.

• Кратко о промисах. fetch(). redux-api-middleware. normalizr и schemas.

• Получение чатов и сообщений по API.

Урок 9. Знакомство с Firebase

• Узнаем о firebase и создадим проект в нем.

• Научимся подключать авторизацию через email и пароль.

• Научимся работать с RealtimeDB для сохранения чатов и сообщений.

Урок 10. Тестирование и оптимизация приложений на React

• Узнаем о Jest и тестировании приложений на React.

• Научимся использовать Jest и react-testing-library для создания простых тестов.

• Познакомимся с оптимизацией веб-приложений, узнаем о shouldComponentUpdate и PureComponent.

• Познакомимся с Lighthouse и узнаем о его метриках.