filmov
tv
React Redux Toolkit with Project | Redux Axios Tutorial | React Redux Tutorial For Beginners - 1

Показать описание
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.
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!
⭐️GitHub link for Reference⭐️
⭐️OMDB API⭐️
⭐️ Support my channel⭐️
***React Roadmap for Developers in 2021***
***Checkout these video to understand better***
🔥 Video contents... ENJOY 👇
0:00:00 - Intro
0:00:24 - Application Demo
0:02:23 - Unacademy Promo
0:04:48 - Code Walkthrough
0:07:54 - Installed Packages
0:08:32 - Movie Application Structure
0:09:54 - Creating Folder Structure and Files
0:14:10 - Adding functional component snippets
0:15:50 - OMDB API Key and usage
0:18:14 - Add Routing to Project
0:22:18 - Header Component with SCSS
0:27:49 - Adding common CSS to App.SCSS
0:29:41 - Footer Component with SCSS
0:31:36 - Home Component with SCSS
0:32:51 - Use Axios for API Call
0:37:44 - Adding Redux to Project
0:38:10 - Configure Redux Store
0:39:22 - Provide Store to App Component
0:40:30 - Redux Toolkit documentation walkthrough
0:42:28 - Create a Movie Slice
0:48:40 - useDispatch to dispatch action
0:51:10 - useSelector to access state
0:53:04 - Movie Listing Component with SCSS
0:58:22 - Movie Card Component with SCSS
1:05:29 - Outro
***More videos***
***Checkout my crash courses for get started with web development***
🔗 Social Medias 🔗
⭐️ 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.
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!
⭐️GitHub link for Reference⭐️
⭐️OMDB API⭐️
⭐️ Support my channel⭐️
***React Roadmap for Developers in 2021***
***Checkout these video to understand better***
🔥 Video contents... ENJOY 👇
0:00:00 - Intro
0:00:24 - Application Demo
0:02:23 - Unacademy Promo
0:04:48 - Code Walkthrough
0:07:54 - Installed Packages
0:08:32 - Movie Application Structure
0:09:54 - Creating Folder Structure and Files
0:14:10 - Adding functional component snippets
0:15:50 - OMDB API Key and usage
0:18:14 - Add Routing to Project
0:22:18 - Header Component with SCSS
0:27:49 - Adding common CSS to App.SCSS
0:29:41 - Footer Component with SCSS
0:31:36 - Home Component with SCSS
0:32:51 - Use Axios for API Call
0:37:44 - Adding Redux to Project
0:38:10 - Configure Redux Store
0:39:22 - Provide Store to App Component
0:40:30 - Redux Toolkit documentation walkthrough
0:42:28 - Create a Movie Slice
0:48:40 - useDispatch to dispatch action
0:51:10 - useSelector to access state
0:53:04 - Movie Listing Component with SCSS
0:58:22 - Movie Card Component with SCSS
1:05:29 - Outro
***More videos***
***Checkout my crash courses for get started with web development***
🔗 Social Medias 🔗
⭐️ 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.
Комментарии