Login System using Redux - Redux tutorial for Beginners

Hey, guys. Welcome to this video where you will be learning about the basics of Redux, creating stores and accessing them globally and many more to get started with Redux.
I am sorry for not uploading videos consistently as I had my exams that I had, so from now you could expect more videos on my channel.
*I am applying for Front end developer jobs*
I am applying for Front end developer job, If you have any job vacancies for that position, I would appreciate if you could let me know. I will leave my resume, portfolio and my email down below so you could contact me. I would appreciate if you could share my information with anyone you know who might need a Front end developer or to your company if they have a vacancy. Anyways, thank you.
Resume - drive.google.c...
Portfolio - shanjairaj-dev...
Email - [e-mail]
GUIDE TO DESIGNING BEAUTIFUL USER INTERFACES:
*USE PROMO CODE **awesomeui200* TO GET 20% OFF
📙 Purchase the Book here - bit.ly/purchas...
TOOLS OF THE TRADE:
💻 Laptop - amzn.to/2Wr7Wyg
⌨️ Keyboard - amzn.to/2WqMeux
🖱️ Mouse - amzn.to/392dg0d
🎤 Budget Microphone - amzn.to/2CKYvTV
GET IN TOUCH:
If you follow me on Instagram(shanjai_raj) or Twitter(shanjai_raj), drop me a message saying you came from my TH-cam channel. It'll help me to know my audience and connect with each and every one of you.
🎥 Instagram - / shanjai_raj
🐦Twitter - / shanjai_raj
IF YOU WANT TO SUPPORT ME:
Subscribe - bit.ly/subscri...
If you have any questions or any inquiries, the best way to reach me is to drop me an email. I will reply to your email as soon as possible.Thanks for watching, and let's meet in the next video.
*Some of the links are affiliate links, therefore, if you use those link to make a purchase, I may get a comission off that referral. It won't cost you any additional money. Thanks for the support.

[@zeeshanasgar1810]

What an Awesome way and literally really easy to understand Redux just because of your watching video,
I didn't get anything before watching your videos,
and now I implement redux in my project just because of you.
Thank you so much!! Really helpful.

[@AbhishekVerma-dv1jd]

Thanks. It's a useful video for the one's who started learning react and react redux.
Short and crisp.

[@ShanjaiRaj]

Thanks a lot Abishek, let me know if you would want any other videos on the channel.

[@ronqualwebs3000]

@@ShanjaiRaj sorcecode pls

[@onughadaniel5449]

@@ShanjaiRaj how you'll define routes that use the data that you stored in Redux?
Please I need an answer

[@badrehahaha7304]

@@onughadaniel5449 need answear too how abt now know?

[@nadinebenarbia9756]

.login {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
align-items: center;
font-family: "Inter";
}
.login__form {
display: flex;
flex-direction: column;
}
.login__form> h1 {
font-style: 35px;
margin-bottom: 15px;
padding-bottom: 10px;
letter-spacing: -1px;
}
.login__form >input {
min-width: 380px;
padding: 22px 0px;
padding-left: 15px;
margin-bottom: 10px;
outline: none;
border: 1px solid rgba (0,0,0,0.24);
font-family: "Inter";
border-radius: 2px;
font-size: 15px;
}

[@MyNameStanc0l]

You are amazing! 🖤

[@yusufnusrat]

thanks

[@kavindumadusanka7228]

Wow Thanks. I was looking for these codes too..😍

[@qingyachen3990]

watched a lot redux, this is the only one solves my problem, just pass data not change it. Thank you so much

[@fuduc4606]

redux persist solve it bro !

[@gurmandeep4417]

What if logged in user refresh the page all the data is lost and user have to login again

[@Dennis-en6rt]

This is 6 months late for you haha but it may help another user who comes across this: I used redux-persist to get around this issue!

[@noshamezmez288]

that's amazing very helpful and useful .. keep Going

[@souvikmoitra6700]

very helpful video and easy to understand...❤❤❤❤

[@dawitnigusu4718]

Logout.css
.logout {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
font-family: "Inter";
}
.logout__button{
min-width: 200px;
padding: 17px 30px;
margin-top: 20px;
background: black;
border: none;
color: white;
font-size: 14px;
font-weight: bold;
border-radius: 5px;
}

[@Susan0723]

You are saviour.

[@ol1175]

Thanks a lot. If key and value have the same name you can short it. Instead of {name:name} just {name}

[@braintricker_soft]

but what will happend when user reload the browser , please make some complete video where user will be set to cookies or localstorage and will validate identity with token

[@yashraghuvanshi6449]

Thankyou so much for uploading this help full video❤

[@VinodKumar-sd6zk]

it will be helpful if you provide github link??

[@vipe_1]

Will leave it here if anyone ever needs it:
github.com/shanjairaj7/Basic-redux-project-TH-cam

[@khatariinsaan5284]

Very Clean and Understandable Code
Thank you very Much !

[@sumittimori834]

yeah ONLY the CODE

[@VishalYadav-rl9mb]

He he copy and paste from some where you need to explore more dear👍🏻👍🏻

[@alexandreluiz6182]

This video helped me a lot. Thank you!

[@nabilabdelqaoui5732]

thank you for this video , just for mention did you try to refresh the page after login ( the state will be inisialed ) so this implementation will not work properly in real world applications

[@shotokankicker8856]

in 24:19 error debugging was not clear , i am stuck. could you please help

[@asemanurzhankyzy9802]

Thanks a lot. It's a cool video for beginners in react+redux.

[@asif2300]

Do a tutorial on how to create a login post api please 🥺 with redux.

[@bhuvaneshwariv8287]

userReducer is not defined in userSlice about how it is imported in store.I'm getting error there

[@mdsharique9685]

Can anyone clarify me in question for localstate(here user, email, password), why you have used hooks.... Can we not do it also with redux??? Coz after all they are also state
Please if anyone can clear this!

[@ShanjaiRaj]

Hi Sharique. Thanks for watching the video, really appreciate that.
Actually, you can use local state, hooks is the way of managing state in functional components which is what we are using. So that's why, we are using hooks.
You can also do it without redux, but when it's a large application, you might want to use the data across all other pages and components, that's why we are using redux.
Hope this clarifies your question!

[@mdsharique9685]

@@ShanjaiRaj ya... But is there a way to manage local state like here user email with redux but not hooks?????

[@SERBIANUGANDANKNUCKLES]

i got this error pls help
Unable to resolve module react-redux from C:\Users\stefa\gamezone\App.js: react-redux could not be found within the project or in these directories:
node_modules
If you are sure the module exists, try these steps:
1. Clear watchman watches: watchman watch-del-all
2. Delete node_modules and run yarn install
3. Reset Metro's cache: yarn start --reset-cache
4. Remove the cache: rm -rf /tmp/metro-*
5 | import 'react-native-gesture-handler';
6 |
> 7 | import {Provider} from 'react-redux';
| ^
8 | import store from './app/store';
9 |
10 | ReactDOM.render(

[@codingdots4605]

Thanks a lot man You saved my life.

[@vishnumallela2127]

the only logic i didnt understand is assigning selectuser as state.user.user .please explain this

[@shafqatbutt1136]

upload a video of redux persist in using this project

[@azadhuseynzade8543]

So clean.Thanks!

[@meowmeow3807]

Is anyone able to implement this
????
this looks like a incomplete video

[@marcinbednarz4461]

Molto bene!!! Amazing work mate! :) Thank you!

[@ashwiniramesh27]

Thanks, it's a a useful video for beginners.

[@muhammadfaridgul137]

heyyy??
how it this helpful

[@bhagabatsahoo3112]

could you please provide the source code ? Thanks

[@SHUBHAMSINGH-co9nh]

Thanks for the support...

[@bobweee888]

actual real ract developer unlike 999%^ of other channels yes i know what im saying.

[@aankushchauhan]

can anyone please let that how to change route before and after logging in and log out of a user?

[@death_breather]

i was trying to implement this tutorial in my project but got some typeError for dispatcher as useMemo cant be null and basically getting because provider was not able to get value from store can u please help

[@hsuan561]

helps a lot thanks bro, already subscribed !

[@ShanjaiRaj]

Thanks a lot bro, glad it was helpful for you

[@hoangvutechnology2985]

Thanks so much for your video. It very good.

[@suminbaek]

Gracias por ponerlo tambien en castellano, saludos desde Argentina

[@snehaodugoudar]

How to connect this with backend? Could you please tell??

[@stuartbean2447]

Only just seen this video - great introduction as a beginner for me - can I get the link to the github for this code please

[@stuartbean2447]

Found it - and so much more - I look forward to watching more of your videos and working through more of your projects - thank you.

[@ethanfreeman9074]

do you have a link to this repository in github?

[@malikbhai2285]

Great job sir

[@aakash600]

If the logout page is refreshed it is going to the login page. Can any one help me with this.

[@onughadaniel5449]

"what do you mean by doing login with Redux? They are totally different things, aren't they?"
Please can I get an answer ?

[@edwardperkins1004]

Thnks, it very useful

[@r.bintangbagusputraangkasa6006]

next time, make the vscode zoomed please haha :D or set a big font

[@laxmannemane5348]

Hello thanks for amazing content and i have to one doubt when i log in then i refresh the page and user detail will be gone then what can i do

[@SERBIANUGANDANKNUCKLES]

how did u not get erorr in 2022?

[@12_adesh_mahto_csbs66]

Thankuh buddy❤️

[@tanmaynankar8776]

where is that git link ?

[@KewalTravel]

what shortcut u used at time 9:15 sec which put all attributes of input in different lines?

[@drawbit4370]

Veru useful tutorial, thanks bro ;D

[@ShanjaiRaj]

Happy to help

[@varshatibi]

thanks dear!!!!!!!!!!!!!!!

[@manojkumarpatil1343]

Thanks for the video Sir

[@johnkamau3442]

Good Job

[@its_joel7324]

Thanks man .....

[@user-kq5ow1zv3m]

спасибо огромное!видео-супер!!!!!

[@shubhamaher5718]

Thanks bro 🙏🏽

[@mirzairtiza5113]

there is no authentication, user can directly go to logout page without login

[@mannanbaidi4836]

Hey!! That's my doubt too.. Did you find any alternative way?

[@achuthans7282]

you have to set up backend and database to check the incoming credentials to do that, it would take 20 mins in the video to do that.. hope cleared your doubt:)

[@himanshukushwah5211]

hi shanjai, have an query what if we refresh the page, does that gonna clear all the values or that gonna stay there

[@Sam-kl8dm]

It will clear all the values. If you want to save the values you have to use a database or save the values in the browser :)

[@srinivaschalla2962]

If u want to save use db or localstorage

[@simpleshorts389]

Lots of thanks bro
❤❤❤❤❤❤

[@vittoriopinti6390]

but after a page refresh i lost login data

[@damjanosemini796]

Excellent video, can you please share the code in git

[@prakhar.odyssey]

good video bro! Appreciate the tutorial 🙌🏾

[@ShanjaiRaj]

No problem 👍

[@devwithangel]

Thanks for your videos 🤩

[@ShanjaiRaj]

Your welcome, glad it helped you

[@itzMarcMan]

What about persisting a new user to database with a signup form?

[@aankushchauhan]

can anyone please let that how to change route before and after logging in and log out of a user?

[@0x656e]

@@aankushchauhan for that you have to use a router such as react-router-dom and create public and private routes. if user is logged in redirect the public route to private. such as dashboard.

[@engineeroncamera8711]

Helpful 💯

[@anandhu5082]

github link?

[@yalamandareddy2152]

Hi Bro , where did I found this project code...can u pls share it!

[@oleh_hrytsyk]

how to use localstorage with redux slice ?

[@sumittimori834]

bhai way to teaching is just not understandable, got confuse in ur "ah ah oummm um...yeah , no "

[@saurabhkhairnar10]

can you source code for this project

[@meowmeow3807]

i am unable to get the logged in data in redux

[@yahyayusuf9605]

I cant find the github rep

[@farzeenshareef1380]

hey could u do more redux projects if possible?

[@akshaymewara7674]

Thanks

[@ragulkanna2467]

Bro redux toolkit pathi oru video podunkalae

[@madhan5791]

Thanks bro

[@howfainfo5362]

Hello sir, after logging in if i refresh the page i get logged out. How do i keep user logged in after refresh i need am answer please

[@phuongphongphu]

U can try to save an accessToken in localStorage

[@usmanmustapha6149]

The Github link sir?

[@user-lx8gu8eh9e]

where is the source code for this

[@rajendrakashyap408]

Sir please take in this project call the get api please sir

[@RupeshSahu-ky3bz]

sir github link

[@saisystems1913]

where is github code?

[@jaiveery]

but if i want to get the email info then

[@rajeshweb7594]

Nice

[@ShanjaiRaj]

Thanks

[@judahnime]

where is the css link? :(
nothing on the description

[@tanmaynankar8776]

ya where is css link ?

[@mohitsavani1872]

all state are clear on page reresh

[@nabeelkhan-ck8bq]

where is the github link

[@The_Daily_Shorts]

Helper, how do I validate this on redux form?

[@ShanjaiRaj]

You could have validation functions, it's simple right

[@mohomedanees]

I don't understand the concepts properly and you don't properly explain those. And you haven't provide the sample project in a git link

[@vikas7769]

Bro I need help

[@hadenlee7184]

Your name what?

[@amitsharma-te4kd]

english thik bolliya kar ... jyada Angrej kyo bnra h

[@kelangirajkiran6133]

Source code pls

[@vishwajeetkumar1583]

can anyone provide me source code

[@sagaraman639]

bro source code?

[@ronqualwebs3000]

bhai sorce code de

[@needtubes121]

poor explanation of all concepts.

[@jaiveery]

also your portfolio you copied

[@SatyamSingh-qc7te]

pls share github link

[@user-jz1my9yo8v]

I would be glad to get it too!

[@harishkumar-zx6vg]

Thalaiva, code share pannunga 😁

[@ShanjaiRaj]

Sure thalaiva, maranthuten

[@mohamedasif9074]

paithiyame da niii