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

Школа: Образовательная платформа Skillbox

Направление

JavaScript-разработка

Формат

Видео в записи

Упражнения на платформе

Домашние задания

Есть

Итоговый экзамен

Нет

Количество уроков

Документ об обучении

Сертификат

Обратная связь

Есть

Доступ

Сразу после покупки

Последнее обновление 29.09.2023

рассрочка

63 680 руб.

Доступна рассрочка на 12

2214 руб. / мес.

Перейти на сайт курса

О курсе

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

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

Что такое 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

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

4

(514 отзывов)

Инструменты бухгалтера. 1С:Бухгалтерия, 1С:ЗУП
4 месяца

обратная связь проверка ДЗ рассрочка сертификат подробнее

57995 ₽

Перейти к курсу
БЕСПЛАТНО

4

(514 отзывов)

Профессия Продюсер онлайн-курсов с нуля до PRO
5 месяцев

подробнее

Бесплатно

рассрочка от 4 900 ₽/мес

Перейти к курсу
4

(514 отзывов)

Data Engineer с нуля до Junior
5 месяцев

обратная связь рассрочка гарантия трудоустройства есть практика подробнее

199430 ₽

Перейти к курсу
4

(514 отзывов)

Профессия Художник компьютерной графики
12 месяцев

подробнее

217500 ₽

рассрочка от 5 234 ₽/мес

Перейти к курсу
4

(514 отзывов)

Веб-дизайн с нуля до PRO
91 занятие

подробнее

114619 ₽

Перейти к курсу