План на курса
Въведение
- React срещу Angular и други рамки
разбиране React
- JSX, компоненти и подпори, жизненият цикъл на компонента и т.н. Управление на състоянието на приложението спрямо състоянието на данните
Писане на React приложения с ES6
- Синтаксис и ES6+ функции, за които да внимавате
Създаване на среда за разработка
Преглед на Node.js
Инсталиране и конфигуриране Node.js
Преглед на Webpack и Babel
- Разбиране на "трансформацията" (превод на JSX в JavaScript)
Инсталиране и конфигуриране на Webpack
Инсталиране и конфигуриране на Babel
Инсталиране на React и ReactDOM
Писане на първото ви React приложение
Конфигуриране на WebPack за наблюдение на промени в изходните файлове
Конфигуриране на npm като инструмент за изпълнение
Разширяване на React приложението с нови компоненти
Внедрете Flux и Redux архитектурата в React приложение
Разбиране на Flux и Redux
- Компоненти без състояние, действия, редуктори, диспечери, междинен софтуер, контейнери и др.
Изграждане на множество изгледи в приложението React.
Инсталиране и конфигуриране Redux
Създаване на прост списък със задачи с Flux/Redux (с API на макетния сървър)
Интегриране на бекенд с вашето React приложение: GraphQL и Apollo
Преглед на GraphQL
- Типове данни, схеми, графична структура и интеграция с React Ограничения на Restful Routing GraphQL срещу SQL
Писане на GraphQL заявка
Удостоверяване на потребителите
Интегриране на React рутер с GraphQL
Изграждане на прост блог с React и GraphQL
Тестване на вашето React приложение
Обработка на React приложения с npm скриптове от командния ред
Отстраняване на неизправности
Структуриране на App Repository
Най-добри практики за писане на React код
Внедряване на вашето React приложение
A Word за мобилни приложения с React Native
Обобщение и заключение
Изисквания
- Опит в разработката на уеб приложения
- Опит в програмирането на Javascript
- Познаване на React
Публика
- Разработчици
Oтзиви от потребители (2)
* The hands-on approach, which helped us understand the subject matter better. * The teacher's flexibility in covering topics that are relevant to our use cases.
Juan Rial - Cegeka NV
Course - Building Interactive Applications with React, Redux and GraphQL
Although I had a pretty good knowledge of the subject already, I found out a lot useful stuff during the course.