React Redux Toolkit with Project | Redux Middleware Thunk | React Redux Tutorial For Beginners - 2

In this video we are going to learn about React - Redux using Redux toolkit by build a project movie rating application from scratch. This video course is specially if you are planning to learn React with Redux Toolkit State Management library as a beginner. We will build a movie rating application and along with that we will use Axios for API calls, React Router DOM for Routing and Node-SASS for our SCSS compile to CSS.

We will continue to enhance the application we will see how we can convert a synchronous action creator into a asynchronous action creator using Redux Middleware Thunk.

You will find the topics covered in the timestamp below.

🔥 Unacademy 👇
Use my code "dipesh01" to get 10% discount
You get all of this and much more for a nominal fee of Rs999/- for the entire year and with my code you get this for Rs 899!

Career as a Developer: https://unacademy.com/goal/career-as-...

Placement Tips & Hacks: https://bit.ly/Unacademy-Anshul-Softw...

⭐️React Redux Toolkit with Project - Part 1⭐️
   • React Redux Toolkit with Project | Redux A...  

⭐️GitHub link for Reference⭐️
https://github.com/dmalvia/React_Redu...

⭐️OMDB API⭐️
https://www.omdbapi.com/

⭐️ Support my channel⭐️
https://www.buymeacoffee.com/dipeshma...

**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 |...  
Learn React Redux with Project -    • Learn React Redux with Project | Redux Axi...  
What is Redux ? -    • Understanding Redux Concept in 5 Minutes |...  
Learn React Redux Thunk with Project -    • Learn React Redux Thunk with Project | Red...  
Learn CSS GRID Tutorial -    • Learn CSS GRID Tutorial | CSS GRID Crash C...  

**Checkout these video to understand better**
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:24 - Application Demo
0:02:23 - Unacademy Promo
0:05:00 - Code Walkthrough Sync Action Creators
0:05:30 - Redux Middleware Thunk - Redux Toolkit
0:06:36 - Create Async Action Creator
0:08:57 - Create extraReducers
0:09:22 - Async Action Creator Lifecycle
0:13:41 - Async Action - Fetch Shows
0:15:53 - Add Shows to Movie Listing Component
0:18:57 - Add CSS Transition
0:20:13 - Navigation - Movie Detail Component
0:23:19 - Async Action - Fetch Movie Details
0:25:49 - useParams Hook
0:30:00 - Movie Detail Component with SCSS
0:42:10 - UseEffect Cleanup Function
0:43:00 - Sync Action - Remove Selected Movie/Show
0:45:04 - Conditional Movie Detail Loading
0:47:33 - 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 -    • JavaScript Tutorial for Beginners | JavaSc...  
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:   / imdmalvia  
Facebook:   / programmingwithdipesh  
Instagram:   / dipeshmalvia  
LinkedIn:   / dmalvia  

⭐️ Tags ⭐️
React Redux Toolkit
React Redux Toolkit Tutorial
React Redux Toolkit Crash course
React Redux Toolkit Project
React Redux For Beginners

⭐️ Hashtags ⭐️
#React #Redux #Toolkit #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.