JavaScript-фреймворк React.js

65 студентов зачислены

Онлайн

в удобное время

Обучение

на практике

Доступ к курсу

навсегда

Расширьте свои профессиональные знания и навыки разработчика, научившись использовать в работе фреймворк React.js

Кому подойдёт этот курс

Практикующим JavaScript-разработчикам

Вы освоите работу с фреймворком React.js, увеличите круг своих компетенций и задач, которые сможете выполнять на проекте — станете более конкурентоспособным сотрудником.

Frontend-разработчикам

React.js — один из самых популярных фреймворков в мире. Вы научитесь создавать изоморфные приложения на React Redux, типизировать их с помощью Typescript и работать с различными публичными сервисами.

Чему вы научитесь

Создавать приложения с нуля

Конфигурировать их с помощью Webpack или использовать готовые решения.

Профилировать свое приложение

Искать слабые места и оптимизировать их.

Работать с публичными API

Узнаете о механизмах OAuth и имплементациях в React.

Тестировать свое приложение

Познакомитесь с библиотеками Jest и Enzyme.

Познакомитесь с Flux, Redux, Mobx

Узнаете подробности о состоянии приложения и работе с ним.

Создавать SPA и RIA приложения с нуля

Будете применять разные подходы, с SSR или без него, включая деплой в облачный сервис Now.

Содержание курса

Что такое React. Основные преимущества
Основы декларативного подхода
Возможности React, компоненты, состояние, применения
Экосистема React, основные библиотеки, из чего обычно состоит React-стек

Конфигурация webpack на клиенте
Конфигурация webpack на сервере
Подключение к проекту HMR и SSR
Подключение Typescript
Подключение CSS modules, Jest, Enzyme

Основы TypeScript. Типы
Работа с массивами
Работа с объектами и интерфейсами
Типизация функций и типы TS
Generics
Классы
Infer, typeof, keyof, Mapped Types

Компоненты в React
Состояния в Class Components
Состояния в Functional Components
Создание Layout приложения. Часть 1
Создание Layout приложения. Часть 2
Создание компонента новостной карточки
Жизненный цикл компонента

Каррирование и функции высшего порядка
Hooks в React
Map и Reduce в React
Создание компонента dropdown c использованием hooks
Compose, Pipe и их применение в React

Адаптивные и неадаптивные компоненты. Mobile first и desktop first подходы
Создание Dropdown-меню с использованием state
Введение в unit-тесты и Jest
Написание тестов для React компонента. Enzyme vs Snapshots
Вспомогательные компоненты

Как работать с API
Регистрируем аккаунт разработчика на Reddit
OAuth2
Страница авторизации пользователя
Как структурировать API-запросы в приложении

Забираем из API данные пользователя
Отображаем данные пользователя в компоненте через prop
Используем React Context для работы с данными
Обновляем данные через контекст

Верстаем карточку поста, используя ReactPortal
Ref и useRef React hook. Реализуем механизм click outside для скрытия модального окна
Controlled и uncontrolled компоненты на примере поля комментария
Сохраняем состояние формы, используя контекст

Введение в Redux
Устанавливаем Redux, подключаем его к приложению
Action + reducer
Presentation Components/Container Components

Работа с асинхронными запросами в Redux
Пишем простой logger middleware
Подключаем thunk к приложению. Пишем свой первый асинхронный action
Работа с асинхронным состоянием
Пишем простой loader

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

Работа с запросами к API
Делаем загрузку ленты постов
Виды бесконечных скроллов и пагинаций
Делаем подгрузку ленты постов
Эффективный рендеринг больших списков

Создаем сайдбар, используя более продвинутые практики
Роутинг в SPA и в React
Подключаем React Router
Подключаем новостную ленту к роутеру
Дополнительный функционал роутинга

Серверный и статический рендеринг. Изоморфные приложения
Делаем серверный рендеринг, используя express
NextJS
Переносим приложение на Next
Деплой приложения в Zeit

2

Будьте первым кто оставит отзыв.

Оставить отзыв можно только с предоставлением сертификата о прохождении курса.

Пожалуйста, войдите чтобы оставить отзыв
JavaScript-фреймворк React.js
Цена:
37 950 ₽ 26 565 ₽