Loading...
「ツール」は右上に移動しました。
利用したサーバー: natural-voltaic-titanium
13697いいね 635439回再生

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

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 - www.dipeshmalvia.com/courses/Nodejs-Zero-to-Hero

**Github link for Reference**
github.com/dmalvia/React_Redux_Tutorial

⭐️ Support my channel⭐️
www.buymeacoffee.com/dipeshmalvia

**React Roadmap for Developers in 2021**
How to Learn React JS ? -    • React JS Roadmap for Developers | React Le...  
React Fundamentals Project -    • Learn React JS Fundamentals With Project |...  

**Checkout these video to understand better**
JavaScript this Keyword -    • JavaScript this Keyword in 12 Minutes | Ja...  
JavaScript ES6 Arrow Functions -    • JavaScript ES6 Arrow Functions Tutorial | ...  
JavaScript Higher Order Functions & Arrays Methods -    • 13 Must Know JavaScript Higher Order Funct...  
JavaScript ES6 Destructuring -    • JavaScript ES6 Destructuring of Arrays and...  

🔥 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 -    • Learn JSON in 25 Minutes | Complete JSON C...  
Asynchronous Vs Synchronous Programming -    • Asynchronous Vs Synchronous Programming | ...  
Async JavaScript Callback -    • Async JavaScript Callback Functions, Error...  
Async JavaScript Promises Tutorial -    • Async JavaScript Promises Tutorial  


**Checkout my crash courses for get started with web development**
JavaScript Tutorial For Beginners | Part 1 -    • JavaScript Tutorial For Beginners [Course]...   JavaScript Tutorial For Beginners | Part 2 -    • JavaScript Tutorial For Beginners [Course]...  
JavaScript Tutorial For Beginners | Part 3 -    • JavaScript Tutorial For Beginners [Course]...  
JavaScript Tutorial For Beginners | Part 4 -    • JavaScript Tutorial For Beginners [Course]...  
HTML5 Crash Course in 1 Hour -    • HTML5 Crash Course for Absolute Beginners ...  
CSS Crash Course in 1 Hour -    • CSS Crash Course For Absolute Beginners [T...  


🔗 Social Medias 🔗
Twitter: twitter.com/IMDmalvia
Facebook: www.facebook.com/programmingwithdipesh
Instagram: www.instagram.com/dipeshmalvia
LinkedIn: 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

コメント