Курс «React»

Направление
Java
Формат
Видео в записи
Домашние задания
Есть
Итоговый экзамен
Нет
Количество уроков
10
Документ об обучении
Сертификат
Обратная связь
Есть
Доступ
Сразу после покупки
Последнее обновление 30.06.2022

О курсе

На курсе изучается ReactJS – популярная JаvaScript-библиотека для построения пользовательских интерфейсов, которую используют в Instagram, Airbnb, Ebay, Netflix, Yahoo. Студенты отработают новые знания в области профессиональной front-end разработки, научатся применять ReactJS в сочетании с библиотекой Redux. Познакомятся с инструментом для написания back-end части – NodeJS. Создадут и представят готовый программный продукт – собственную социальную сеть.

Программа курса

  1. Что такое SPA. Зачем нужен webpack. Менеджер пакетов npm. Настройка webpack. Создание первого React-приложения.
  2. ReactComponent, state, componentWillMount и componentDidMount, componentDidUpdate, componentWillUnmount. Вложенность компонентов и props и propTypes. Начало разработки мессенджера.
  3. Что такое Virtual DOM. Стилизация React-компонентов. Обработка событий. Подключение и использование Material UI
  4. prevState и prevProps. Подключение BrowserRouter. Switch, Route и Link. Как осуществляется роутинг. Хранение чатов и сообщений. Способы отладки React-приложения.
  5. Зачем нужен Redux. Схема работы Redux. Reducers и actions. Redux DevTools Extension. Компоненты и контейнеры. Перенос сообщений в Redux.
  6. Когда нужно использовать Redux middlewares. Реализация ответа от робота при помощи middlewares. ConnectedRouter. Хранение истории сообщений при помощи redux-persist.
  7. Познакомимся с redux middlewares. Познакомимся с одной из самых популярных библиотек для middlewares - redux-thunk. Научимся использовать redux-thunk для асинхронных действий. Рассмотрим альтернативы redux-thunk - redux-saga и redux-observable. Познакомимся с библиотекой redux-persist. Научимся сохранять данные из стора на стороне клиента.
  8. Что такое API. Как работают асинхронные запросы. Кратко о промисах. fetch(). redux-api-middleware. normalizr и schemas. Получение чатов и сообщений по API.
  9. Узнаем о firebase и создадим проект в нем. Научимся подключать авторизацию через email и пароль. Научимся работать с RealtimeDB для сохранения чатов и сообщений.
  10. Узнаем о Jest и тестировании приложений на React Научимся использовать Jest и react-testing-library для создания простых тестов. Познакомимся с оптимизацией веб-приложений, узнаем о shouldComponentUpdate и PureComponent. Познакомимся с Lighthouse и узнаем о его метриках.

Другие курсы по этой теме

Помогите нам улучшить наш сервис, поделитесь своим опытом, пройдя небольшой опрос. Он займет у вас не больше 5 минут.
Пройти опрос