Создание веб приложений с помощью фреймворка React

Целевая аудитория

К освоению программы допускаются разработчики ПО, обладающие знаниями основных синтаксисов и технологий, относящихся к веб приложениям (HTML, CSS и JavaScript). Знание какой-либо серверной технологии (PHP, ASP.NET и др.) желательно, но не обязательно.

Приобретаемые знания и навыки

Обучающийся в результате освоения программы будет:

уметь:

• создавать современные, с развитым высоко интерактивным пользовательским интерфейсом, веб приложения, используя фреймворк React;

знать:

• основные принципы, архитектуру и приемы применения фреймворка React

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

Модуль 1. Обзор подходов к построению пользовательских интерфейсов        

• Прямое управление DOM
• Декларативный подход
• Первое приложение на React
• Компонентный подход к построению пользовательских интерфейсов

Модуль 2. Компоненты React       

• JSX. Использование React без JSX
• Свойства (props) компонента
• Добавление обработчиков событий
• Хуки: работа с состоянием, useState
• Хуки: побочные эффекты, useEffect. Список зависимостей. Cleanup-функция

Модуль 3. Компоненты React (продолжение)     

• Хуки: асинхронные побочные эффекты
• Хуки: мутабельные значения, useRef
• Правила использования хуков

Модуль 4. Формы на React             

• Управляемые и неуправляемые компоненты
• Условный рендеринг
• Рендеринг списков
• Контекст. Хуки: useContext, useReducer
• Оптимизация. Хуки: useMemo, useCallback

Модуль 5. Паттерны разработки на React              

• Поднятие состояние вверх
• Композиция компонентов вместо наследования
• Пользовательские хуки, переиспользование логики
• Компоненты высшего порядка
• Render props и инверсия контроля
• Прямая работа с DOM

Модуль 6. Жизненный цикл React-приложения 

• Фаза рендера (render). Виртуальный DOM. Отложенное вычисление
• Фаза реконсиляции (reconcile)
• Фаза коммита (commit)
• Идемпотентность рендер-функций
• Оптимизация. React.memo и Батчинг обновлений состояния
• Использование React Developer Tools

Модуль 7. Использование компонентов-классов

• Компоненты-классы: "классический" способ создавать компоненты
• Методы жизненного цикла компонента-класса
• Работа с состоянием в компоненте-классе
• Рефакторинг функционального компонента в класс (и обратно)
• Возможности компонентов-классов, не реализуемые функциональным компонентом

Модуль 8. React как среда времени исполнения для интерфейсов         

• Рендеринг виртуального DOM: в браузере, на сервере, в нативных приложениях
• Дерево вызовов, React Fiber

Документы об окончании курса

• Сертификат Учебного центра Noventiq
• Cертификат об обучении установленного образца