Login System using Redux - Redux tutorial for Beginners

No video

Login System using Redux - Redux tutorial for Beginners

Рет қаралды 160,301

Күн бұрын

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 - shanjairajdev@gmail.com
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 KZfaq 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.

Пікірлер: 146

@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 3 жыл бұрын

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

@ShanjaiRaj 3 жыл бұрын

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 2 жыл бұрын

.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 2 жыл бұрын

You are amazing! 🖤

@yusufnusrat 2 жыл бұрын

thanks

@kavindumadusanka7228 2 жыл бұрын

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

@qingyachen3990 2 жыл бұрын

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

@fuduc4606 2 жыл бұрын

redux persist solve it bro !

@cempakajanuari5983 3 жыл бұрын

what happen when user reload the page after login?

@braintricker_soft 3 ай бұрын

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

@dawitnigusu4718 2 жыл бұрын

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 2 жыл бұрын

You are saviour.

@gurmandeep4417 11 ай бұрын

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

@Dennis-en6rt 4 ай бұрын

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!

@VinodKumar-sd6zk 3 жыл бұрын

it will be helpful if you provide github link??

@vipe_1 2 жыл бұрын

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

@nabilabdelqaoui5732 9 ай бұрын

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

@noshamezmez288 10 ай бұрын

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

@ol1175 2 жыл бұрын

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

@yashraghuvanshi6449 Жыл бұрын

Thankyou so much for uploading this help full video❤

@alexandreluiz6182 Жыл бұрын

This video helped me a lot. Thank you!

@shotokankicker8856 2 жыл бұрын

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

@khatariinsaan5284 2 жыл бұрын

Very Clean and Understandable Code Thank you very Much !

@sumittimori834 Жыл бұрын

yeah ONLY the CODE

@marcinbednarz4461 2 жыл бұрын

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

@asemanurzhankyzy9802 2 жыл бұрын

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

@souvikmoitra6700 6 ай бұрын

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

@codingdots4605 2 жыл бұрын

Thanks a lot man You saved my life.

@mdsharique9685 3 жыл бұрын

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 3 жыл бұрын

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 3 жыл бұрын

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

@azadhuseynzade8543 Жыл бұрын

So clean.Thanks!

@bhagabatsahoo3112 3 жыл бұрын

could you please provide the source code ? Thanks

@onughadaniel5449 Жыл бұрын

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

@ethanfreeman9074 2 жыл бұрын

do you have a link to this repository in github?

@hsuan561 3 жыл бұрын

helps a lot thanks bro, already subscribed !

@ShanjaiRaj 3 жыл бұрын

Thanks a lot bro, glad it was helpful for you

@bhuvaneshwariv8287 Жыл бұрын

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

@meowmeow3807 3 жыл бұрын

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

@SHUBHAMSINGH-co9nh 3 жыл бұрын

Thanks for the support...

@vishnumallela2127 3 жыл бұрын

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

@tanmaynankar8776 3 жыл бұрын

where is that git link ?

@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

@SERBIANUGANDANKNUCKLES 2 жыл бұрын

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(

@hoangvutechnology2985 3 жыл бұрын

Thanks so much for your video. It very good.

@asif2300 2 жыл бұрын

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

@himanshukushwah5211 2 жыл бұрын

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 2 жыл бұрын

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 2 жыл бұрын

If u want to save use db or localstorage

@snehaodugoudar Жыл бұрын

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

@ashwiniramesh27 2 жыл бұрын

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

@muhammadfaridgul137 2 жыл бұрын

heyyy?? how it this helpful

@stuartbean2447 2 жыл бұрын

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 2 жыл бұрын

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

@drawbit4370 3 жыл бұрын

Veru useful tutorial, thanks bro ;D

@ShanjaiRaj 3 жыл бұрын

Happy to help

@KewalTravel 2 жыл бұрын

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

@laxmannemane5348 2 жыл бұрын

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 2 жыл бұрын

how did u not get erorr in 2022?

@anandhu5082 3 жыл бұрын

github link?

@user-kq5ow1zv3m 11 ай бұрын

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

@VishalYadav-rl9mb 3 жыл бұрын

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

@yalamandareddy2152 2 жыл бұрын

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

@bobweee888 3 жыл бұрын

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

@aankushchauhan 3 жыл бұрын

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

@malikbhai2285 Жыл бұрын

Great job sir

@shafqatbutt1136 2 жыл бұрын

upload a video of redux persist in using this project

@simpleshorts389 3 жыл бұрын

Lots of thanks bro ❤❤❤❤❤❤

@manojkumarpatil1343 3 жыл бұрын

Thanks for the video Sir

@12_adesh_mahto_csbs66 Жыл бұрын

Thankuh buddy❤️

@prakhar.odyssey 3 жыл бұрын

good video bro! Appreciate the tutorial 🙌🏾

@ShanjaiRaj 3 жыл бұрын

No problem 👍

@saurabhkhairnar10 2 жыл бұрын

can you source code for this project

@aakash600 2 жыл бұрын

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

@r.bintangbagusputraangkasa6006 3 жыл бұрын

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

@suminbaek 2 жыл бұрын

Gracias por ponerlo tambien en castellano, saludos desde Argentina

@edwardperkins1004 2 жыл бұрын

Thnks, it very useful

@its_joel7324 Жыл бұрын

Thanks man .....

@shubhamaher5718 Жыл бұрын

Thanks bro 🙏🏽

@mirzairtiza5113 3 жыл бұрын

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

@mannanbaidi4836 2 жыл бұрын

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

@achuthans7282 2 жыл бұрын

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:)

@devwithangel 3 жыл бұрын

Thanks for your videos 🤩

@ShanjaiRaj 3 жыл бұрын

Your welcome, glad it helped you

@engineeroncamera8711 2 жыл бұрын

Helpful 💯

@varshatibi Жыл бұрын

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

@vittoriopinti6390 2 жыл бұрын

but after a page refresh i lost login data

@farzeenshareef1380 2 жыл бұрын

hey could u do more redux projects if possible?

@johnkamau3442 2 жыл бұрын

Good Job

@meowmeow3807 3 жыл бұрын

i am unable to get the logged in data in redux

@itzMarcMan 3 жыл бұрын

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

@aankushchauhan 3 жыл бұрын

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

@0x656e 2 жыл бұрын

@@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.

@oleh_hrytsyk 3 жыл бұрын

how to use localstorage with redux slice ?

@usmanmustapha6149 2 жыл бұрын

The Github link sir?

@yahyayusuf9605 Жыл бұрын

I cant find the github rep

@RupeshSahu-ky3bz 2 жыл бұрын

sir github link

@madhan5791 3 жыл бұрын

Thanks bro

@sumittimori834 Жыл бұрын

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

@howfainfo5362 3 жыл бұрын

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 3 жыл бұрын

U can try to save an accessToken in localStorage

@jaiveery 3 жыл бұрын

but if i want to get the email info then

@damjanosemini796 Жыл бұрын

Excellent video, can you please share the code in git

@akshaymewara7674 2 жыл бұрын

Thanks

@user-lx8gu8eh9e Жыл бұрын

where is the source code for this

@chiragtelar4550 3 жыл бұрын

Hello where is github link?

@judahnime 3 жыл бұрын

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

@tanmaynankar8776 3 жыл бұрын

ya where is css link ?

@saisystems1913 Жыл бұрын

where is github code?

@ragulkanna2467 2 жыл бұрын

Bro redux toolkit pathi oru video podunkalae

@The_Daily_Shorts 3 жыл бұрын

Helper, how do I validate this on redux form?

@ShanjaiRaj 3 жыл бұрын

You could have validation functions, it's simple right

@vikas7769 3 жыл бұрын

Bro I need help

@hadenlee7184 2 жыл бұрын

Your name what?

@rajendrakashyap408 2 жыл бұрын

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

@rajeshweb7594 3 жыл бұрын

Nice

@ShanjaiRaj 3 жыл бұрын

Thanks

@amansagar7982 3 жыл бұрын

bro source code?

@mohitsavani1872 2 жыл бұрын

all state are clear on page reresh

@kelangirajkiran6133 2 жыл бұрын

Source code pls

@vishwajeetkumar1583 2 жыл бұрын

can anyone provide me source code

@amitsharma-te4kd 2 жыл бұрын

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

@ronqualwebs3000 Жыл бұрын

bhai sorce code de

@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

@jaiveery 3 жыл бұрын

also your portfolio you copied

@needtubes121 2 жыл бұрын

poor explanation of all concepts.

@SatyamSingh-qc7te 3 жыл бұрын

pls share github link

@user-jz1my9yo8v 3 жыл бұрын

I would be glad to get it too!

@harishkumar-zx6vg 3 жыл бұрын

Thalaiva, code share pannunga 😁

@ShanjaiRaj 3 жыл бұрын

Sure thalaiva, maranthuten