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
Auf dieser Seite können Sie das Online-Video Weekly Web React#2 mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Google DGoC Universitas Gunadarma 15 März 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 260 Mal angesehen und es wurde von 5 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
