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
En esta página del sitio puede ver el video en línea Weekly Web React#2 de Duración hora minuto segunda en buena calidad , que subió el usuario Google DGoC Universitas Gunadarma 15 marzo 2021, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 260 veces y le gustó 5 a los espectadores. Disfruta viendo!
