Стоимость курса
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
• 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
