So I have obtained recruitment project, deadline 31 march, use React, Redux Toolkit(I have newer used it but I know context API so here I go) and testing library. React Front position, wish me luck!
It is a completely new concept to me, so I needed to rewatch it to kinda get it. This topic was hard, frankly, and I don't feel I can just use my knowledge. Will try watching your dedicated redux video. Otherwise a very fun and enriching course. Thank you from the bottom of my heart!
@@eshw23 Same bro. I have watched it 2 or 3 times now. Building a sketch on how it builds up step by step. That helps. Then would recreate it while explaining it to myself. Then build a similar project for myself using the concept
Please after this, teach us how to work with AsyncThunk with redux toolkit, I found so many tutorial out there but it's so hard to understand the concept, trust me I'd massively appreciate for that 🙏
It is worth mentioning that when you write your reducers logic and update state you do it by directly mutating it. As we know that practice is strictly forbidden in React, but Redux uses a library called Immer under the hood to make it possible.
Been following you since day one of coding and I must say you’ve helped me get far and past imposter syndrome. First I have is, if I payed attention, I see you have only the store.ts file for redux. Is this correct? Second question is, so do we just create multiple slice functions, forgive me if that’s the incorrect vocab, for whatever we need to have flow with redux?
Bro keep continuing this kind of tutorial like basic to advance. All my knowledge in web dev comes from your video and I love it so much. Next tutorial make a node js and express tutorial basic to advance like this vid. Good job bro my classmates keep watching your vid
Hi Pedro - One small tip for you. I would be really nice to have "starter files" so that I can follow what you are doing from the same point as you are in the start of the video. Instead of having to go though all the files and (sometimes guess) what has to be deleted. TLDR: Starter files would be awesome so it's easier to follow your video - Thanks.
Was thinking the same thing. Other courses I've done provide that. I was sometimes tempted to grab the files to make it easier to do the assignments, but I didn't want to accidentally see the solution.
Thanks Pedro! I liked how you explained everything so clearly. I haven't worked with React in a long time so this was a big help. You've earned yourself a new subscriber :) Anyway, back to studying! So many new things to learn!
Hi Pedro, great work! I have one question. Is there a particular reason why you used type assertion (as UserState) instead of type annotation ( : UserState) on timestamp 27:20 ? Thanks!🦾
Hey Pedro! I wanna ask something that is redux being used further in the final project of this playlist? Cause I'm having a bit problem in understanding it...if it's necessary so i will focus on redux for a while.
Pedro, one more comment: for me it seems to be more difficult to use redux toolkid, create context much more understandable and easy to use. How do u think am i wrong about it?
This is a common thought! Redux is ugly and we all agree that context api looks better. Thing is, whenever a state changes in a context provider, all the components using the context rerenders. So for large apps, just the context api isnt enough. But for beginners it is!
Hello , PedroTech. Ty for you great work. Could you help me with one problem? I can't figure out why did you use word "as" to assign interface for initialValue of slicer. What's the point and what is the rule? I can't find related info in documentation.
Hi Pedro, your tutorials is very helpful. In Login component while getting name from redux store we have not defined the type for state for timebeing it was given any. Should we just we just give a string ?
Let’s make our login state an object with a nested object just to be complicated. Yay! Why not just have {user: “”}? I don’t see the point in nesting it inside a value property. You can still add other state properties to that simpler object when you need more state than just the login name. { user: “name”, darkMode: true } for instance.
Hello Pedro, thank you for giving the best courses ever ! Everything is clear and well explained ! I have a question, I have an error when I am trying to add a type "PayloadAction" for the action in the store It seems like "PayloadAction" can't be found. Do you, by any chance, know how to solve this ? Thanks !
Use localStorage for persistence. In the login reducer function, you can do something like this, localStorage.setItem('user', JSON.stringify(state.value.user)) In order to ensure that it can be received before the browser loads, you can do something like this in the initialState, const receivedUser = localStorage.getItem('user'); { value: { user: receivedUser ? receivedUser : "" } } In order to ensure that you can still logout, you can add the following to the logout reducer, localStorage.removeItem('user') //This removes the user item from the localStorage module.
![ReactJS Course [15] - Firebase Social Media Project (Part. 1) | Authentication](http://i.ytimg.com/vi/jUBc7K9XCcU/mqdefault.jpg)
![ReactJS Course [15] - Firebase Social Media Project (Part. 1) | Authentication](/img/tr.png)
![ReactJS Course [10] - React-Query Tutorial | How to Properly Fetch Data in React](http://i.ytimg.com/vi/SYXvHXOJzwc/mqdefault.jpg)
Thanks to you, now I become React native developer. I'm going to work tomorrow.
So I have obtained recruitment project, deadline 31 march, use React, Redux Toolkit(I have newer used it but I know context API so here I go) and testing library. React Front position, wish me luck!
Good luck! You got this
This course is going crazy
Thank you!! I hope u mean cray in a good way hahaha
Guess I'm not the only one
@@PedroTechnologies This redux is not good. Down to my 2 brain cells trying to wrap my head around it.
Good video! Small tip: You can click anywhere in any line then press Alt + Shift + ArrowDown to copy that line down, no need to copy paste :)
In my keyboard I needed use 4 buttons.. alt, shift, s AS arrow down button, function key for activate arrow key.. but I am now used to it.
I use Custom key For Ctrl+D Its a lot convenient rather than that annoying Default set key.
It is a completely new concept to me, so I needed to rewatch it to kinda get it. This topic was hard, frankly, and I don't feel I can just use my knowledge. Will try watching your dedicated redux video. Otherwise a very fun and enriching course. Thank you from the bottom of my heart!
same feeling
Same😂
Its redux, its very hard for experienced devs to, dont worry about it, it will come with a lot of practice.
@@eshw23 Same bro. I have watched it 2 or 3 times now. Building a sketch on how it builds up step by step. That helps. Then would recreate it while explaining it to myself. Then build a similar project for myself using the concept
same
Only tutorial i could understand and apply to my project. Thank you and respect for not using counter as an example ❤
Thanks, one of the best Redux Toolkit explanations you can find👍
The entire course is really amazing, but am I the only one who is having issues understanding Redux :)
Same bro 😢
Please after this, teach us how to work with AsyncThunk with redux toolkit, I found so many tutorial out there but it's so hard to understand the concept, trust me I'd massively appreciate for that 🙏
Im making an individual video for that!! The course will end with a project and a video on testing!
Great job!💪 Can You show us how to work with ESlint/Prettier in this series?🙏
It is worth mentioning that when you write your reducers logic and update state you do it by directly mutating it.
As we know that practice is strictly forbidden in React, but Redux uses a library called Immer under the hood to make it possible.
Could you give an exmaple of the correct way to mutate the state? I'm new in react jeje
Wow, This course going awesome ❤
❤️
Been following you since day one of coding and I must say you’ve helped me get far and past imposter syndrome. First I have is, if I payed attention, I see you have only the store.ts file for redux. Is this correct? Second question is, so do we just create multiple slice functions, forgive me if that’s the incorrect vocab, for whatever we need to have flow with redux?
Bro keep continuing this kind of tutorial like basic to advance. All my knowledge in web dev comes from your video and I love it so much. Next tutorial make a node js and express tutorial basic to advance like this vid. Good job bro my classmates keep watching your vid
Tank you Man you make it really clear
Thank You, very good job 💪
This is really new to me and I am in a foggy condition. I don't have ant idea about it. I am a little bit disappointed of myself
great video
That's where things get very complicated...
Please do redux toolkit query in next one
Im doing an individual video on that!
Hi Pedro - One small tip for you. I would be really nice to have "starter files" so that I can follow what you are doing from the same point as you are in the start of the video. Instead of having to go though all the files and (sometimes guess) what has to be deleted.
TLDR: Starter files would be awesome so it's easier to follow your video - Thanks.
Was thinking the same thing. Other courses I've done provide that. I was sometimes tempted to grab the files to make it easier to do the assignments, but I didn't want to accidentally see the solution.
It ain't that much. Don't be lazy man
If you had covered data normalization, that would've been super
Thanks Pedro! I liked how you explained everything so clearly. I haven't worked with React in a long time so this was a big help. You've earned yourself a new subscriber :) Anyway, back to studying! So many new things to learn!
Hi Pedro, great work!
I have one question. Is there a particular reason why you used type assertion (as UserState) instead of type annotation ( : UserState) on timestamp 27:20 ?
Thanks!🦾
Hey Pedro! I wanna ask something that is redux being used further in the final project of this playlist? Cause I'm having a bit problem in understanding it...if it's necessary so i will focus on redux for a while.
hi pedro thank you for your course
what course in your channel should i take after i finish this playlist course to be more advanced in react
Awesome!
Superb. Thank you very much sir.
Thank you so much Pedro!
caan u make graphQL with React in this series!
+1
I have a graphql course already which includes integration with React!! I would recommend watching that one right after this series 😁
What is happening>>>>>?????
Great course
thanks that was great, just what I wanted
❤❤❤
Pedro, one more comment: for me it seems to be more difficult to use redux toolkid, create context much more understandable and easy to use.
How do u think am i wrong about it?
This is a common thought! Redux is ugly and we all agree that context api looks better. Thing is, whenever a state changes in a context provider, all the components using the context rerenders. So for large apps, just the context api isnt enough. But for beginners it is!
@@PedroTechnologies thanx, Pedro! Good Luck to you, and all your family!
Hello , PedroTech. Ty for you great work.
Could you help me with one problem? I can't figure out why did you use word "as" to assign interface for initialValue of slicer. What's the point and what is the rule? I can't find related info in documentation.
Hi Pedro, your tutorials is very helpful.
In Login component while getting name from redux store we have not defined the type for state for timebeing it was given any. Should we just we just give a string ?
Let’s make our login state an object with a nested object just to be complicated. Yay! Why not just have {user: “”}? I don’t see the point in nesting it inside a value property. You can still add other state properties to that simpler object when you need more state than just the login name. { user: “name”, darkMode: true } for instance.
Very useful tutorial thank you
Hello Pedro, thank you for giving the best courses ever !
Everything is clear and well explained !
I have a question, I have an error when I am trying to add a type "PayloadAction" for the action in the store
It seems like "PayloadAction" can't be found.
Do you, by any chance, know how to solve this ?
Thanks !
Questions can come in⬆️
Also had the sae issue.
Hey Pedro do we have to know redux ?
To understand redux/toookit
you are amazing thank you for this awesome video
Can you tell us what the project is going to be :)
A small social media website! I believe is the best kind of project to teach the fundamentals. EP1 coming out tomorrow!!
Tough episode...
Great JOB!
13:00 would'nt in reducer return { ...state, changeProperty } would be better for immutablity.
Thank You.
anyone facing Cannot read properties of undefined (reading 'value') issue?
Nice video bro🙂
This one was kinda confusing
How to sustain the data in the state if somebody refreshes the page?
Use localStorage for persistence.
In the login reducer function, you can do something like this, localStorage.setItem('user', JSON.stringify(state.value.user))
In order to ensure that it can be received before the browser loads, you can do something like this in the initialState,
const receivedUser = localStorage.getItem('user');
{
value: {
user: receivedUser ? receivedUser : ""
}
}
In order to ensure that you can still logout, you can add the following to the logout reducer,
localStorage.removeItem('user') //This removes the user item from the localStorage module.
OMG it's the most complicated video on the whole course... This topic needs slower explanation🤔
Good news is, you can watch it many times!
Muito bem explicado!
Its tough. I didn't get single thing.
lmao same dude 😭
cool
First❤
deus abençoe
cool