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

preview_player
Показать описание
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.
Рекомендации по теме
Комментарии
Автор

Guys, if the video is helpful or you learned something than please appreciate and hit the LIKE and SUBSCRIBE button and help this channel to GROW😉

DipeshMalvia
Автор

I want to truly thank you for this video bc this is exactly what i have learned and need a project for axios, react-redux, redux toolkit, router-dom. Thank you so much again

qiqiliang
Автор

This is AMAZING!!! thank you so much for it helps me A LOT

qiqiliang
Автор

Now I'm learning redux perfectly by reffering your video's 🎊 Thank you so much 🎊

mohamedakhib
Автор

Thanks bro! This video vas very helpful! Cheeers from Russia

ВладимирГугин-шщ
Автор

In react-router-dom v6, "Switch" is replaced by routes "Routes". You need to update the import from

import { Switch, Route } from "react-router-dom";
to
import { Routes, Route } from 'react-router-dom';

akshitsanwal
Автор

I just listened for only few minutes and I already knew its a great video by great instructor. well done

teminoah
Автор

Very good redux toolkit tutorial. Was really helpful. Thanks

wilsonmwangi
Автор

thank you Dipesh. am a beginner and your react-redux tutorials has really helped my personal development.

saviourjoshua
Автор

by the way thank u man you are amazing :) clear easy and usefull

brkkmrc
Автор

In terms of react snippets, nothing beats ES7 snippets

robiparvez
Автор

Thank you so much it’s an amazing video.
Can you do one with toolkit and typescript🤞🏻

michaelmilstein
Автор

Thx bro great work 👏👏
Actually I am restarting to learn React and this project is the perfect start.

akashkulkarni
Автор

Super Explanation - No Lag - I loved your teaching ❤❤

prasankumar
Автор

AWESOME !!! THANKS A LOT IT'S CRISTAL CLEAR FOR REAL !!!

moustaphatoure
Автор

Its really help me a lot thank you bro

kishoreweb
Автор

I like it, how you explain everything from scratch, some other tutorial just start to code, and write some alien's code that we don't understand

sinaukode
Автор

Thank you ❤️ it's really best content 😊

olesyakostina
Автор

Please use redux persistent storage as well

SamruddhaShah
Автор

Waah! What a great video. Learn a lot.

saifansari