После успеха бесплатной версии ReactJS Workshop (включая скриншот) она была перестроена, чтобы включить новые лекции и примеры кода, включая оценки. Введен еженедельный формат.
Я работал в качестве директора по практике и проектированию пользовательского интерфейса. Этот пятидневный формат семинара был разработан мной после того, как я добился большого успеха, проводя ILT в этом формате.
Я создавал приложения JavaScript в течение нескольких лет и люблю работать с новейшими и лучшими интерфейсными фреймворками, такими как React, Redux, ES6 и Webpack, чтобы предоставлять решения для клиентов во многих отраслях промышленности на Среднем Западе и за его пределами. Вместе, пройдя серию коротких уроков и лабораторных работ с большим количеством кода, мы создадим работающее приложение с React и Redux. Вы уйдете с рабочим пониманием того, как использовать React в ваших собственных приложениях, а также с рабочим кодом, который можно использовать в качестве полезного ресурса в будущем.

Цели семинара
------------------------------------
1. React Словарь и концепции
2. Использование Redux
3. Знакомство с современными инструментами JS.
4. Оценка
5. Ссылка на примеры кода.
6. Стандартный РРТ по тематическому материалу.
7. Организованный 5-дневный подход к обучению.

1.Основы реакции
В первой части этого семинара мы начнем с рассмотрения основных концепций React, таких как виртуальная модель DOM. Как только мы проясним основные концепции, мы рассмотрим классы React и предоставляемые API. Мы подробно рассмотрим рендеринг, состояния, свойства, а также жизненный цикл компонента React. После этого мы обсудим JSX и важные различия между обычным HTML. Мы расскажем, как вы можете протестировать свой самый первый компонент React с помощью Jest и Enzyme. И, конечно же, обзор инструментального ландшафта React: включая новейшие инструменты сборки JS, управление зависимостями JS и великолепную среду начальной загрузки Create-React-App.

2. маршрутизатор реакции
Теперь, когда мы знаем, как создавать компоненты React, мы рассмотрим, как заставить их работать вместе, чтобы создать молниеносное одностраничное приложение с помощью маршрутизатора React. В этой лекции мы расскажем все, что вам нужно знать о настройке состояний React, а также об API и компонентах, которые вы можете использовать для перехода между ними.

3.Redux
Теперь, когда размер нашего приложения начинает расти, нам понадобится хороший шаблон для оркестровки состояния всех наших компонентов. Именно здесь на помощь приходит архитектура Redux: быть единственным источником правды для поддержки нашего одностраничного приложения. В этой лекции мы рассмотрим основные части Redux (действия, редукторы и хранилища) и их взаимодействие. В ходе лабораторной работы мы добавим библиотеку Redux в наше приложение и будем использовать ее для передачи данных нашим компонентам React.

Формы реакции и проверка
В заключительной лекции и лабораторной работе мы поместим несколько форм на наши данные. Мы расскажем о компонентах формы React и о том, почему они отличаются от других нативных компонентов React. Затем мы обсудим, как добавить проверку в наши компоненты формы в React Bootstrap. В лабораторной работе вы будете использовать полученные знания для создания форм, которые мы будем использовать для сохранения данных в службе REST.