Создайте корзину покупок с помощью React JS и Stripe.
Traversy Media
0:00 / 0:00
Создайте корзину покупок с помощью React JS и Stripe.
120 877 просмотров · 4 г. назад
Traversy Media
2,42 млн подписчиков
120 877 просмотров · 4 г. назад
В этом проекте мы создадим корзину покупок с использованием React и Stripe.
📽️ YouTube-канал Cooper Codes:
/ coopercodes
💻 Код:
https://github.com/coopercodes/ReactE...
💖 Поддержать проект
Patreon: / traversymedia
PayPal: https://paypal.me/traversymedia
👇 Следите за Traversy Media в социальных сетях:
Twitter: / traversymedia
Instagram: / traversymedia
Linkedin: / bradtraversy
Временные метки:
0:00 Демонстрация проекта
1:25 Создание React-приложения / установка
2:22 Компонент Navbar
6:00 Реализация React Router
7:45 Создание страниц для маршрутизатор
10:35 Создание строк и столбцов для страницы магазина
12:14 Создание товаров для использования в React
16:50 Динамическая загрузка товаров
19:18 Создание компонента карточки товара
22:45 Создание модального окна для корзины
25:55 Создание контекста корзины (функциональность корзины)
46:02 Добавление CartProvider в наше приложение
46:29 Создание добавления/удаления товара в карточки товаров
52:05 Добавление функциональности корзины в панель навигации (количество товаров)
54:40 Отображение данных корзины в модальном окне
57:00 Создание компонента CartProduct
1:01:00 Создание учетной записи Stripe и добавление тестовых товаров
1:03:06 Создание сервера Express / установка
1:05:00 Создание запроса на оформление заказа Stripe
1:09:30 Добавление идентификаторов Stripe в React
1:10:33 Создание вызова оформления заказа из React
1:13:43 Финальный проект / демонстрация оформления заказа! 1:15:06 Спасибо за просмотр!