План на курса
Въведение
- React vs Angular и други Frameworks
Разбиране на React
- JSX, компоненти и пропсове, жизнен цикъл на компонента и т.н.
- Управление на състоянието на приложението vs състоянието на данните
Създаване на 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 маршрутиране
- GraphQL vs SQL
Създаване на GraphQL запрос
Автентикация на потребителите
Интегриране на React Router с GraphQL
Създаване на прост блог с React и GraphQL
Тестиране на вашето React приложение
Обработване на React приложения с npm командни скриптове
Отстраняване на проблеми
Структуриране на репозитория на приложението
Най-добри практики за писане на React код
Развертане на вашето React приложение
Нещо за мобилни приложения с React Native
Резюме и заключение
Изисквания
- Опит в разработка на уеб приложения
- Опит в програмиране на JavaScript
- Знание на React
Целева аудитория
- Разработчици
Отзиви от потребители (2)
* Прагматичният подход, който ни помогна да разберем темата по-добре. * Гъвкавостта на преподавателя в обхващането на теми, които са актуални за нашия случай.
Juan Rial - Cegeka NV
Курс - Building Interactive Applications with React, Redux and GraphQL
Машинен превод
Въпреки че вече имах доста добри познания по темата, все пак научих много полезни неща по време на курса.
Stefan-Lucian Bucur - Cegeka NV
Курс - Building Interactive Applications with React, Redux and GraphQL
Машинен превод