Redux vs Redux Toolkit | Advanced React Native | React Native Tutorial

preview_player
Показать описание
In actuality, Redux in its bare form is quite simple and easy to understand. But one of the most popular and enduring critiques is the amount of code Redux adds to the app, which many feel is unnecessary. To overcome this the Redux team has put a huge amount of effort into this and without a doubt has produced a remarkable result with Redux Toolkit.

But Recently Redux Team launched Redux Toolkit, an officially recommended and a SOPE library that stands for Simple, Opinionated, Powerful, and Effective state management library. It allows us to write more efficient code, speed up the development process, and automatically apply the best-recommended practices. It was mainly created to solve the THREE MAJOR ISSUES with Redux:

1.Configuring a Redux store is too complicated
2.Have to add a lot of packages to build a large scale application
3.Redux requires too much boilerplate code which makes it cumbersome to write efficient and clean code.

Redux Toolkit comes pre-bundled with below features:
2. redux For state management
3. redux-thunk For async tasks
4. reselect For selecting a slice out of global store
5. automatic support for Redux Dev-tools Extension

What Extra Features Are Provided:
1. configureStore() function which provides automatic support for Redux-thunk, Redux DevTools Extension, and also passes the default middleware.
2. createReducer() utility which provides support for immer library that allows writing the immutable code mutably.
3. createAction() utility that returns an action creator function.
4. createSlice() function that comes in handy to replace create action and create Reducer functions with a single function.
5. createAsyncThunk() that takes Redux strings as arguments and returns a Promise.
6. createEntityAdapter() utility that helps to perform CRUD operations.

#jasacadamy #reactnativecourse #reactnativetutorial #react #reactnative

redux,react redux,why use redux,what is redux,redux toolkit,redux tutorial,react hooks redux,redux crash course,react,react redux tutorial,react redux firebase,react redux explained,redux state management,redux vs redux toolkit,redux toolkit tutorial,webdev,react redux crash course,react tutorial,react js,reactjs tutorial,react redux tutorial for beginners,react hooks,crash course,react tutorial for beginners,lesson,tutorial,react state management,redux toolkit,redux toolkit tutorial,redux vs redux toolkit,redux tutorial,redux,react redux tutorial,redux state management,redux crash course,react tutorial,react redux,what is redux,why use redux,tutorial,react,react state management,crash course,redux vs redux toolkit,react redux toolkit,redux toolkit,redux toolkit tutorial,react redux tutorial,redux tutorial,easy redux,redux crash course,react redux,what is redux,redux state management,redux tutorial 2021,learn redux,why use redux,redux,react tutorial,react state management,tutorial,react,app development,webdev,lesson,crash course,redux thunk,redux toolkit thunk,redux,redux thunk get request,redux actions,redux toolkit,redux tutorial,redux toolkit async thunk,redux thunk example reactjs,middleware thunk,react redux middleware thunk,react redux thunk middleware,thunk,redux thunk middleware example,redux thunk middleware,redux async actions,redux toolkit axios,async redux toolkit,redux toolkit react,async thunk,axios redux,redux axios,async thunks,redux post api call,redux-logger,redux logger,redux-logger react,logger,redux form,reducers,redux-logger vs redux-devtools,redux middlewares,redux enhancer,redux logger vs redux devtools,redux devtools vs redux logger,redux dev-tools,redux devtools,redux tutorial,redux devtools tutorial,full redux,redux dev tools,redux devtools setup,redux devtools react,learn redux,redux thunk,redux devtools how to use,redux devtools chrome tutorial,redux with react

1:00 Introduction to redux store
04:20 Redux store in detail
32:42 Redux thunk in detail
42:49 Redux toolkit introduction
48:11 Redux store in redux toolkit
57:45 Redux toolkit action dispatch
01:02:47 Api Calling using redux toolkit
Рекомендации по теме
Комментарии
Автор

Your tutorials have been helping me a lot in my new job. Thanks a lot man. Keep up the good work... I'll definitely support you and more Youtubers when I start earning BIG!!!... That's a promise!!!🥂

mounteverest
Автор

At time 14:45 you show a browser with localhost:8081/debugger-ui/ as the URL. Where did this come from? Was I supposed to get this from React Native? I'm using Expo, so I don't see this in a browser on my machine.

songwright
Автор

Dear sir, your tutorial is very helpful for us. it may be more enjoyable with code on Git Hub

vikassingh