Weekly Web React#2
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
Sur cette page du site, vous pouvez voir la vidéo en ligne Weekly Web React#2 durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Google DGoC Universitas Gunadarma 15 mars 2021, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 260 fois et il a aimé 5 téléspectateurs. Bon visionnage!
