Курс React – JS-библиотека для создания пользовательских интерфейсов Web

Код: REACTJS

Продолжительность курса

40 Академических часов

Ближайшие курсы

Ноябрь
Апрель

13.04.2020 - 17.04.2020 Ект

React — JavaScript-библиотека с открытым исходным кодом для разработки пользовательских интерфейсов. React разрабатывается, и поддерживается Facebook. React используется для разработки одностраничных и мобильных приложений. Его цель — предоставить высокую скорость, простоту, и масштабируемость Web-приложений. В качестве библиотеки для разработки пользовательских интерфейсов, React часто используется с Redux. Двумя основными конкурентами React являются Vue и Angular. Вместе с ними React закрывает почти 100% рынка Web-разработки.

Стоимость курса

40 425 руб
Заказать

Цели курса:

После завершения курса, слушатели самостоятельно смогут создавать клиентские приложения на основе каркаса React/Redux. Все примеры передаются слушателям.

Аудитория

Разработчики, знающие Javascript/ES-6

От слушателя требуется

Javascript/ES-6

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

1. Введение. 8 часов.
• Cравнение js-фреймворков: Angular, React, Vue
• Введение в React
• Общее устройство React (компоненты, Virtual Dom, JSX)
• Установка React
• Сборка веб-приложения
• Первое приложение на React

2. Компоненты, JSX и рендеринг. 7 часов.
• потоки данных
• устройство компонентов
• жизненный цикл
• JSX
• рендеринг элементов
• Conditional Rendering

3. События, формы, внешние API. 7 часов.
• Обработка событий на React
• Работа с формой
• Получение данных от внешнего API с помощью AJAX

4. Навигация и маршрутизация. 6 часов.
• SPA-application на React
• способы организации роутинга
• работаем с history

5. Использование Redux. 8 часов.
• Зачем нужен Redux, какую основную проблему он решает.
• Особенности Redux.js: функциональный подход, Redux dev tools, возможности для мониторинга и универсальных приложений.
• Store как иммутабельный объект: Redux + Immutable.js.
• Настраиваем синхронный поток с Redux, переиспользуем созданные ранее компоненты.
• React-redux для связи компонентов с логикой.
• Мемоизированные селекторы reselect.
• Side-effects в Redux: создание и использование Middlewares.
• Получение данных от сервера.
• Асинхронные экшены с redux-thunk

6. Упрощение работы, отладка, закрепление знаний. 4 часа.
• Chrome devtools for React
• Работа и отладка в Webstorm
• Работа и отладка в VS Code