> makes tutorial > doesn't explain shit > shows what to do not why amazing.

this was such a great, last time i used redux was 2 years ago with angular work app, redux has come so far, using react and mobx state tree at work, but going to switch us to redux see how much its reduced in boilerplate and makes use of hooks.

simple and to the point, thank you :)

@SakuraDev

9 ай бұрын

You're welcome!

Great tutorial. Thank you so much! I followed the tutorial and try this myself and found 2 issues on the code. 01. We need to wrap the App component using provider and pass the store.. ( anyway your git code this was fixed) 02. Since you have used a form element for add component need to prevent default behaviour since it refresh with submission. I handed it by e.preventDefault in onSubmit. (Anyway your git repo you have used a div instead of a form) This is great tutorial and cleared my few doubts. Thanks again!

Thank you for providing github repository for this tut of yours.

@SakuraDev

Ай бұрын

You are welcome!

So useful, thank you!

@SakuraDev

Жыл бұрын

thanks🌷 I am glad it was helpful for you

Thank you for the video

P.E.R.F.E.C.T ❤❤❤❤❤ thanks a lot!

Nice tutorial, thanks bro!!!!

@SakuraDev

Жыл бұрын

Thank you for your kind words and support! I'm pleased to hear that you found my tutorial informative and helpful. I'll keep working hard to create tutorials that meet your needs and deliver value to my subscribers.

Thank You So Much!!

you helped me, thanks

@SakuraDev

Жыл бұрын

Glad I could help

your typing speed is amazing

@SakuraDev

Ай бұрын

😊

Appreciated Thanks

@SakuraDev

Жыл бұрын

🌹🙏

Do you have a video how to createAsyncThunk using middleware with react, redux toolkit and typescript ?

good ..thanks

can you please share link for next video with sync method? Great video !!!

@SakuraDev

Жыл бұрын

Hi, here is the link to async thunks: kzread.info/dash/bejne/o5mYxddyhdSuqto.html

Using forms in the Add.tsx was making the whole page to reload... so here you can just remove the or change it to normal div component :)))

thank you !

@SakuraDev

Жыл бұрын

Thanks, I hope it was helpful for you

Nice explanation.

@SakuraDev

10 ай бұрын

Glad you liked it

Thanks your content. Can you make a big project based on typescript redux toolkit.

@mystory5328

Жыл бұрын

@@SakuraDev thanks a lot. I am looking forward of your typescript toolkit project 😀.

@mystory5328

Жыл бұрын

@@SakuraDev yes, you can add some features to make the project bigger or follow the amazon features.

thnk you

You forgot to include an essential step which is wrapping the app component in the index.tsx with a provider/ Something like this on your index.tsx: import { Provider } from 'react-redux' import { store } from './Store/store'; const root = ReactDOM.createRoot( document.getElementById('root') as HTMLElement ); root.render( );

@SakuraDev

Ай бұрын

Oh did I?

Sir, you should introduce Zustand to people, because it is way so easy to use than redux, no boilerplate, easy to read and understand, we only need to deal with state(variable) and action/function, straight to the point, it doesn't make sens to use redux/redux toolkit to make life tough😅

@shebeeradimaly6125

Жыл бұрын

can you make in react native typescript....?

@martapfahl940

Жыл бұрын

At least this counts for me: I want to learn what I will need in my first Junior Dev Job, not what is most convenient for me ;)

what is your vcode color theme?

@SakuraDev

Жыл бұрын

Hi, One Dark Pro

its took me 1hr to find the bug: when I click "Add" button and get a page reload, the reason is you should not use "" at Add component, you need just use "" ...., at 8:55

@noir4356

Жыл бұрын

Thank you for this comment, it just saved me that one hour !

@kyoshinoda2214

Жыл бұрын

alternative solution: Inside the form add the attribute onSubmit={(event) =>{event.preventDefault()}} this prevents the form from being submitted hence rendering the page propertly. But a div is a way faster and easier solution

what is the difference between useSelector and useAppSelector ?

@SakuraDev

Ай бұрын

Hi, useAppSelector is a custom hook that is specifically designed to be used with Redux Toolkit. It is a wrapper around useSelector that provides type safety for your selectors. This means that it will help you to avoid errors by ensuring that the data you are selecting from the store is of the correct type.

@sekhar6753

Ай бұрын

@@SakuraDev ok thanks for responding

Hey

Who is using redux in 2023.

@SakuraDev

Жыл бұрын

Hi, in fact I am using Zustand in my last real world project and I am happy with that. But as of 2023, many top companies and organizations still use Redux in their projects. Redux provides a predictable and centralized way to manage application state, making it easier to debug and maintain large codebases. It also has a vibrant community and plenty of learning resources available online.

It's strange

It doesn't work in july 2024

@SakuraDev

18 күн бұрын

I will update the video soon