Создайте интернет-магазин с помощью React и GraphQL за 90 минут
Создайте приложение электронной коммерции с полным стеком с нуля, используя React, GraphQL, Stripe и Headless CMS Strapi в рекордные сроки
Язык: Английский
Автор: Reed Barger
Лекций: 52
Продолжительность: 3,5 часа
Заинтересованы в создании впечатляющих приложений с полным стеком с помощью React и GraphQL в рекордные сроки? Это курс для вас!
Вот что мы рассмотрим:
- Создание полного приложения для электронной коммерции с помощью React, GraphQL, Stripe и безголового CMS Strapi с нуля
- Написание и выполнение запросов GraphQL на клиенте и сервере
- Выполнение точных запросов и операций поиска с помощью GraphQL
- Обработка платежей по кредитным картам и создание заказов с помощью Stripe
- Интеграция Stripe with React с использованием библиотеки компонентов React-Stripe
- Использование Headless CMS Strapi для быстрого создания и прототипирования проектов
- Аутентификация JWT для пользователей со входом / входом
- Отправка электронной почты пользователям с помощью службы электронной почты / API SendGrid
- Создание уникальных, привлекательных мобильных пользовательских интерфейсов с использованием новой библиотеки React Component, Gestalt
- Создание частных маршрутов в React для аутентифицированных пользователей
- Обширная работа с API LocalStorage для сохранения данных на клиенте
- Toast уведомления для наших пользователей, чтобы дать пользователям отзывы об успешных действиях, а также ошибки
- Индивидуальная загрузка анимаций с помощью библиотеки React Spinners
- Отзывчивый дизайн с использованием CSS Flexbox
- Существенная работа с React Router 4 (параметры маршрута, объект истории, withRouter, NavLinks и т. Д.)
- Тонны работы с ES6 / 7, особенно функции async / await (с обработкой ошибок)
- Разверните наше приложение в Интернете с помощью Heroku и Now
- И более!
Что будет в этом курсе?
На протяжении всего этого курса мы будем создавать интернет-магазин под названием BrewHaha, приложение для электронной коммерции, которое позволит пользователям заказывать для доставки напитков по запросу.
Это будет приложение с полным стеком с нуля, сделанное с помощью React и GraphQL поверх API-интерфейса Node, созданного инструментом Strapi. Мы создадим и используем базу данных MongoDB, размещенную MLab. Он будет использовать известные в отрасли инструменты, такие как Stripe, для обработки платежей по кредитным картам, сделанных в нашем приложении React, и почтового клиента SendGrid для отправки электронных писем наших пользователей при выполнении определенных действий (например, при осуществлении платежа).
Как мы построим наше приложение так быстро (в течение 90 минут)?
Секрет создания нашего приложения так быстро - это использование безголовой CMS, Strapi. Это инструмент, который с помощью одной команды создаст как полный API-интерфейс узла, так и панель администрирования для взаимодействия с нашими данными. В итоге это упростит создание приложений с полным стеком с помощью React (и всех библиотек JavaScript). Нам не нужно будет изобретать колесо для будущих проектов, которые мы строим - основные вещи, которые нам нужно делать в наших приложениях (управление данными, роли и разрешения, проверка подлинности), будут значительно упрощены
И мы не будем принимать какие-либо ярлыки при создании нашего приложения. К концу мы действительно будем иметь полное приложение, которое мы сможем развернуть в Интернете и зарегистрировать посетителей, добавить продукты в свою корзину пользователей, проверить их товары и обработать их кредитную карту для оплаты!
Что такое безголовая CMS?
Безголовый относится к отсутствию интерфейса; другими словами, безглавая CMS не дает клиенту нашего приложения для взаимодействия с пользователями (мы будем делать это с React), это дает нам лучший способ работать с данными в наших приложениях, я увижу. CMS означает «система управления контентом». Он предоставляет нам богатый, интуитивно понятный интерфейс для управления контентом в наших проектах! С легкостью создавать новые типы данных, управлять ролями и разрешениями пользователей; в общем, дать нам обширный контроль над нашим приложением в одном удобном месте.
Если вы раньше не работали с системами управления контентом, вы в нужном месте. Я покажу вам, как встать и работать с Strapi, чтобы создать бэкэнд Node и полный API, настроить плагины и функции в нашем приложении и быстро стать продуктивными.
Кто целевая аудитория?
- Любой, у кого есть как минимум два месяца опыта работы с библиотекой JavaScript React
- Начинающие / промежуточные разработчики React, заинтересованные в создании практических приложений реального мира
- Веб-разработчики в целом смотрят, как быстро создавать и прототипы проектов
- Разработчики, желающие начать (или продолжить) создание приложений с помощью React и GraphQL
Последнее редактирование модератором:
- Статус
- В этой теме нельзя размещать новые ответы.