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.
Comments