React & Redux Tutorial - Full Shopping Cart in 4 Hours [2022]
Build Shopping Cart By React & Redux For All Levels Developers
👉 Heroku Demo : https://reactredux-shoppingcart.herokuapp.com/
👉 AWS Demo : https://reactcart.webacademy.pro/
👉 GitHub : https://github.com/basir/react-shopping-cart
👉 Questions : https://webacademy.pro/reactcart
👉 Contact : basir.jafarzadeh@gmail.com
Need to learn React first?
👉 Watch React The Complete Guide: https://youtu.be/dJc_0bc5ETE
TABLE OF CONTENT
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 $14.99 (reg price $99) - LIMITED TIME:
https://www.udemy.com/course/build-ecommerce-website-by-react-redux-in-one-hour/?couponCode=JUN2022
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 $14.99 (reg price $99) - LIMITED TIME:
https://www.udemy.com/course/build-ecommerce-website-by-react-redux-in-one-hour/?couponCode=JUN2022
#React #Redux #Tutorial #Shopping_Cart
---
Follow me on:
👉 Website: https://codingwithbasir.com
👉 Twitter: https://twitter.com/basirjd
👉 Facebook: https://facebook.com/codingwithbasir
👉 Linkedin: https://www.linkedin.com/in/basir-j
👉 Github: https://github.com/basir
Видео React & Redux Tutorial - Full Shopping Cart in 4 Hours [2022] канала Coding with Basir
👉 Heroku Demo : https://reactredux-shoppingcart.herokuapp.com/
👉 AWS Demo : https://reactcart.webacademy.pro/
👉 GitHub : https://github.com/basir/react-shopping-cart
👉 Questions : https://webacademy.pro/reactcart
👉 Contact : basir.jafarzadeh@gmail.com
Need to learn React first?
👉 Watch React The Complete Guide: https://youtu.be/dJc_0bc5ETE
TABLE OF CONTENT
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 $14.99 (reg price $99) - LIMITED TIME:
https://www.udemy.com/course/build-ecommerce-website-by-react-redux-in-one-hour/?couponCode=JUN2022
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 $14.99 (reg price $99) - LIMITED TIME:
https://www.udemy.com/course/build-ecommerce-website-by-react-redux-in-one-hour/?couponCode=JUN2022
#React #Redux #Tutorial #Shopping_Cart
---
Follow me on:
👉 Website: https://codingwithbasir.com
👉 Twitter: https://twitter.com/basirjd
👉 Facebook: https://facebook.com/codingwithbasir
👉 Linkedin: https://www.linkedin.com/in/basir-j
👉 Github: https://github.com/basir
Видео React & Redux Tutorial - Full Shopping Cart in 4 Hours [2022] канала Coding with Basir
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![React Shopping Cart Tutorial | Context API with useReducer Hook in React JS](https://i.ytimg.com/vi/HptuMAUaNGk/default.jpg)
![React & Node Tutorial - Full ECommerce in 5 Hours [2020]](https://i.ytimg.com/vi/Fy9SdZLBTOo/default.jpg)
![Learn Docker in 7 Easy Steps - Full Beginner's Tutorial](https://i.ytimg.com/vi/gAkwW2tuIqE/default.jpg)
![React State Management using Redux (Build a shopping Cart🔥 )](https://i.ytimg.com/vi/MNs_7avLIJ4/default.jpg)
![React & Node Tutorial - Full ECommerce in 9 Hours [2021]](https://i.ytimg.com/vi/TRCDsB9i3bI/default.jpg)
![](https://i.ytimg.com/vi/DbM5MLBMOlQ/default.jpg)
![React Redux Tutorial For Beginners | Redux Toolkit Tutorial 2021](https://i.ytimg.com/vi/k68j9xlbHHk/default.jpg)
![Redux For Beginners | React Redux Tutorial](https://i.ytimg.com/vi/CVpUuw9XSjY/default.jpg)
![React Google Login Tutorial: Build React.js App To Login With Google](https://i.ytimg.com/vi/75aTZq-qoZk/default.jpg)
![Learn React Redux with Project | Redux Axios REST API Tutorial | React Redux Tutorial For Beginners](https://i.ytimg.com/vi/0W6i5LYKCSI/default.jpg)
![I built the same app 10 times // Which JS Framework is best?](https://i.ytimg.com/vi/cuHDQhDhvPE/default.jpg)
![React Shopping Cart For Absolute Beginners [2022]](https://i.ytimg.com/vi/AmIdY1Eb8tY/default.jpg)
![Full Stack eCommerce Cart build (React, Redux, Node, Express, MongoDB)...From Scratch💥](https://i.ytimg.com/vi/0divhP3pEsg/default.jpg)
![Mern Chat app project for beginners: build an app with MongoDb, Express, React and NodeJS](https://i.ytimg.com/vi/qdZYHbg72WQ/default.jpg)
![Build and Deploy a Fully Responsive Restaurant Website with Modern UI and UX in ReactJS](https://i.ytimg.com/vi/4oV65GVVits/default.jpg)
![Redux Tutorial - Learn Redux from Scratch](https://i.ytimg.com/vi/poQXNp9ItL4/default.jpg)
![Contact Form in React app using Email JS](https://i.ytimg.com/vi/rDxCT5A-Hho/default.jpg)
![ECommerce Web Shop - Build & Deploy an Amazing App | React.js, Commerce.js, Stripe](https://i.ytimg.com/vi/377AQ0y6LPA/default.jpg)
![CARRITO de COMPRAS / SHOPPING CART con REACT CONTEXT y SASS](https://i.ytimg.com/vi/ywvsztMU_oM/default.jpg)
![Chat Application Tutorial With Socket.IO & React](https://i.ytimg.com/vi/8wAy_xv8b9o/default.jpg)