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
On this page of the site you can watch the video online Weekly Web React#2 with a duration of hours minute second in good quality, which was uploaded by the user Google DGoC Universitas Gunadarma 15 March 2021, share the link with friends and acquaintances, this video has already been watched 260 times on youtube and it was liked by 5 viewers. Enjoy your viewing!
