React Tutorial - Part 11 - Shopping Cart By React & Redux | Add Redux To Products

Опубликовано: 14 Октябрь 2024
на канале: Coding with Basir
3,835
65

Build Shopping Cart By React & Redux For All Levels Developers
👉 Heroku Demo : https://reactredux-shoppingcart.herok...
👉 AWS Demo : https://reactcart.webacademy.pro/
👉 GitHub : https://github.com/basir/react-shoppi...
👉 Questions : https://webacademy.pro/reactcart
👉 Contact : [email protected]

00:00 Introduction
00:02:05 Part 01- What You Will Make
00:07:50 Part 02- Install Tools (VS Code, Chrome)
00:18:38 Part 03- Create React App (React)
00:30:35 Part 04- Project Workflow (Planning)
00:42:55 Part 05- Product List Component (Render Arrays)
01:07:02 Part 06- Filter Bar Component (Lifting State Up)
01:25:27 Part 07- Cart Component (State Management)
01:51:17 Part 08- Checkout Form (Handle Forms)
02:11:20 Part 09- Add Animations and Modals (React-Reveal)
02:32:12 Part 10- Backend API (Node & MongoDB)
02:58:10 Part 11- Add Redux To Product List (Redux)
03:23:54 Part 12- Add Redux To Filter Bar (Redux)
03:48:09 Part 13- Redux To Cart (Redux)
04:09:41 Part 14- Create Order (Fetch API)

Next Parts On Udemy Including:
Admin Order
Deploy On Heroku
Use Cloud MongoDB Atlas
And much more features

🔥Get Complete Course for $12.99 (reg price $99) - LIMITED TIME:
https://www.udemy.com/course/build-ec...

YOU WILL LEARN By React & Redux Tutorial - Build Shopping Cart By React & Redux:
1. HTML5 and CSS3: Semantic Elements, CSS Grid, Flexbox
2. React: Components, Props, Events, Hooks, Router, Axios
3. Redux: Store, Reducers, Actions
4. Node & Express: Web API, Body Parser, File Upload, JWT
5. MongoDB: Mongoose, Aggregation
6. Development: ESLint, Babel, Git, Github,
7. Deployment: Heroku

🔥Get Complete Course for $12.99 (reg price $99) - LIMITED TIME:
https://www.udemy.com/course/build-ec...

#React #Redux #Tutorial #Shopping_Cart
---
Follow me on:
👉 Website: https://codingwithbasir.com
👉 Twitter:   / basirjd  
👉 Facebook:   / codingwithbasir  
👉 Linkedin:   / basir-j  
👉 Github: https://github.com/basir