Перейти к содержимому

Создайте корзину покупок с помощью 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 Спасибо за просмотр!