Weekly Web React#2

Опубликовано: 15 Март 2021
на канале: Google DGoC Universitas Gunadarma

260

Github & Assets:
Starter Project: https://github.com/DSC-Gunadarma/Week...
Complete Project: https://github.com/DSC-Gunadarma/Week...
*you guys can copy style.js & styling from Complete Project

NPM:
npm i (if node module doesn't exist)
npm install @chec/commerce.js @stripe/react-stripe-js @stripe/stripe-js react-router-dom react-hook-form

Timestamp:
5:35 Presentation
30:45 Github starter project for weekly2
32:00 Sign up ecommerce.JS
39:00 npm i
41:30 npm install library for weekly2
46:40 API Key
47:30 Copy API key to .env
48:40 Folder: lib
49:00 File: commerce.js
50:00 Code: commerce.js
54:00 Refactoring import component
1:00:00 Shipping ecommerce.JS
1:07:35 Products ecommerce.JS
1:19:42 Starting Code
1:20:00 App.js - useState()
1:24:00 App.js - fetchProduct()
1:27:00 App.js - useEffect()
1:33:00 API json reveal - product
1:38:00 Products.js
1:40:00 Product.js
1:52:00 App.js - cartState
1:58:00 App.js - handleAddToCart
2:06:00 Passing function to Products.js to Product.js
2:10:50 API json reveal - cart
2:12:30 Navbar.js - checkout badge
2:16:30 Folder: Cart
2:46:00 Folder: CartItem
2:58:20 Gutterbottom to Typography
2:58:30 React Router, Switch, and Route

Handbook:
bit.ly/React-DSCUG

На этой странице сайта вы можете посмотреть видео онлайн Weekly Web React#2 длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Google DGoC Universitas Gunadarma 15 Март 2021, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 260 раз и оно понравилось 5 зрителям. Приятного просмотра!

5,147

474