MENU

Fun & Interesting

Learn React Redux with Project | Redux Axios REST API Tutorial | React Redux Tutorial For Beginners

Dipesh Malvia 633,310 4 years ago
Video Not Working? Fix It Now

In this video we are going to learn about React - Redux by build a project from scratch. This video course is specially if you are planning to learn React with Redux State Management library as a beginner. We will build a fake ecommerce store using fake APIs. You will find the topics covered in the timestamp below. Node.js: The Complete Guide to Build Backend Projects [2023]🔥 Link - https://www.dipeshmalvia.com/courses/Nodejs-Zero-to-Hero ***Github link for Reference*** https://github.com/dmalvia/React_Redux_Tutorial ⭐️ Support my channel⭐️ https://www.buymeacoffee.com/dipeshmalvia ***React Roadmap for Developers in 2021*** How to Learn React JS ? - https://youtu.be/06yVj8pcO5c React Fundamentals Project - https://youtu.be/QoJGKwo20is ***Checkout these video to understand better*** JavaScript this Keyword - https://youtu.be/S2pBGSeUFCk JavaScript ES6 Arrow Functions - https://youtu.be/TgzVxiPdCDU JavaScript Higher Order Functions & Arrays Methods - https://youtu.be/m2_kagsc3_c JavaScript ES6 Destructuring - https://youtu.be/rpYg2M2lNAE 🔥 Video contents... ENJOY 👇 0:00:00 - Intro 0:00:20 - Application Demo 0:01:33 - Pre-requisite packages installation and Setup 0:04:03 - Redux installation and Setup 0:04:30 - Understanding Redux Lifecycle Methods 0:05:09 - React/Redux Project Structure 0:04:45 - Understand React App Folder Structure 0:06:35 - Create Redux Action Types 0:07:50 - Create Redux Actions 0:09:55 - Create Redux Reducers 0:13:34 - Create Redux Store 0:14:52 - Add Redux Dev Tools 0:15:31 - Connect React with Redux 0:18:10 - Create React Components 0:21:38 - Add Routing to project 0:24:03 - useSelector to access state 0:28:39 - Use Axios for Redux API Call 0:31:15 - useDispatch to dispatch action 0:32:33 - Update the Redux Store 0:33:51 - Understand Redux Dev Tools 0:34:30 - Render products listing page 0:33:26 - Product Detail page 0:47:48 - Select and Remove Action Types 0:51:00 - Outro ***More videos*** JSON Crash Course - https://youtu.be/6OhMbf2v_jI Asynchronous Vs Synchronous Programming - https://youtu.be/oesicy3CcXE Async JavaScript Callback - https://youtu.be/1zeuvEvw5uw Async JavaScript Promises Tutorial - https://youtu.be/JvV4Rz2PpzA ***Checkout my crash courses for get started with web development*** JavaScript Tutorial For Beginners | Part 1 - https://youtu.be/t6_waVDdG-E JavaScript Tutorial For Beginners | Part 2 - https://youtu.be/LRLMs0TCflE JavaScript Tutorial For Beginners | Part 3 - https://youtu.be/sqpy36PNAdk JavaScript Tutorial For Beginners | Part 4 - https://youtu.be/MQrR0nrvg8o HTML5 Crash Course in 1 Hour - https://youtu.be/Aj3QFsmsagc CSS Crash Course in 1 Hour - https://youtu.be/nYsk_U_A_lc 🔗 Social Medias 🔗 Twitter: https://twitter.com/IMDmalvia Facebook: https://www.facebook.com/programmingwithdipesh Instagram: https://www.instagram.com/dipeshmalvia LinkedIn: https://www.linkedin.com/in/dmalvia/ ⭐️ Tags ⭐️ - React Redux - React Redux Tutorial - React Redux Crash course - React Redux Project - React Redux For Beginners ⭐️ Hashtags ⭐️ #React #Redux #Beginners#Tutorials Disclaimer: It doesn't feel good to have a disclaimer in every video but this is how the world is right now. All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.

Comment