React.

Разработка сложных клиентских приложений

Уровень 3, c 27 сентября по 28 ноября 2021

Меню курса

Сообщение от куратора

« Если курс уже завершился, то вы можете скачать начальные состояния проектов по ссылкам ниже:

— Шесть городов

— Что посмотреть

Программа

Подготовка к курсу
Мы подготовили для вас набор материалов, который необходимо изучить перед началом курса.
Также раздел поможет после окончания обучения освежить знания и вспомнить некоторые
моменты

1. Знакомство с TypeScript
Рассмотрим схему работы на курсе. Узнаем что такое TypeScript, и какие задачи он решает.
Познакомимся с системой типов и разберёмся, как происходит процесс типизации. Научимся
конфигурировать компилятор и рассмотрим основные настройки. Затем перейдём к практике и
разберёмся с особенностями написания типизированного кода: кортежи, интерфейсы, дженерики
и так далее.

Подготовка к лайву
Обязательно ознакомьтесь с материалами этого блока до лайва

Прочитайте главы учебника ~ 26 минут

1.1. Введение в типизацию

1.2. Система типов

Лайв
1.3. Знакомство с TypeScript

Демонстрации
Посмотрите демонстрации
 1.4. Введение в TypeScript
Познакомимся с основами TypeScript и узнаем какие он решает задачи.

1.5. TypeScript: Аннотации и вывод типов

Узнаем что такое «Аннотация типа» и как TypeScript может выводить типы автоматически.

1.6. TypeScript: any

Познакомимся с типом any. Узнаем какую мощь он даёт и почему применять следует осторожно.

1.7. TypeScript: Функции

Узнаем как типизировать функции и какие могут быть подводные камни.

1.8. TypeScript: Дженерики

Узнаем как писать переиспользуемый код. Познакомимся с дженериками.

Домашнее задание
Выполните практическое задание

1.9. Проверка рабочего процесса

1.10. TypeScript for JavaScript programmers

Изучите материалы

1.11. Generics

1.12. Union Types

Документация

1.13. Официальная документация

Изучите материалы

1.14. TypeScript Handbook

1.15. Карманная книга по TypeScript

Дополнительные материалы

2. React
Знакомство с библиотекой React. Узнаем, какие проблемы она решает и как может упростить
разработку фронтенда. Подготовим основу проекта с помощью инструмента «Create React App»
(CRA). Научимся применять шаблоны для CRA. Затем познакомимся с основными возможностями
библиотеки React (JSX, компоненты, передача данных между компонентами).

3. Маршрутизация (React Router)

Узнаем как организована маршрутизация в SPA. Добавим в проект React Router и разберёмся с
возможностями пакета: маршруты, перенаправления, приватные маршруты и так далее.

4. React-компоненты. Hooks
Расширим знания о React и компонентах. Научимся управлять состоянием, использовать события
и методы жизненного цикла компонентов. Познакомимся с React Hooks и узнаем, как заменить
 ими классовые компоненты. Научимся работать с формами.

5. React и паттерны
Разбираемся с вопросом, что такое архитектура программного обеспечения и как её
проектировать. Знакомимся и учимся на практике применять паттерны проектирования.

6. Redux
Знакомимся с Flux-архитектурой: действия (Actions), диспетчеры (Dispatcher), представления
(Views) и хранилища (Stores). Подключаем к проекту Redux и обновляем кодовую базу.

7. Асинхронность в Redux
Научимся внедрять асинхронный код в синхронную работу Redux с помощью Middleware. Узнаем
как взаимодействовать с сервером при помощи пакета Axios. Познакомимся с интерцепторами.

8. Оптимизация производительности
Обсудим производительность React-приложений: какие есть особенности, на что следует
обращать внимание при проектировании компонентов в первую очередь. Затем познакомимся с
пакетом Redux Toolkit и узнаем как с его помощью избавиться от шаблонного кода при работе с
Redux.

9. Тестирование React
Познакомимся с инструментами и методиками тестирования React-приложений. Настроим
инфраструктуру для тестирования, напишем тесты для компонентов.

Защита
Завершение работы над проектом и подготовка к итоговой защите.
c 1 по 7 ноября 2021

Первая оценка проекта проверяющим наставником по критериям качества.

c 8 по 14 ноября 2021

Улучшение проекта по замечаниям проверяющего наставника и подача на вторую оценку.

c 15 по 21 ноября 2021

Внесение финальных правок и получение итоговой оценки.

c 22 по 28 ноября 2021

10. Финал
Подведём итоги курса и определим дальнейший вектор изучения React и его экосистемы. Затем
обсудим новые возможности React, которые ожидаются в будущих релизах.

Поиск по материалам