Redux Persist | Doctor Booking React JS App | React JS | Day- 20

Опубликовано: 17 Март 2022
на канале: JAS ACADAMY

315

Redux Persist is a library that allows saving a Redux store in the local storage of an application. In React Js terms, it is a key-value based, unencrypted, asynchronous storage system that is global and can be used as the local storage for the app.

Using a state management library like Redux in a React Js app is beneficial to manage the state of an application from one place. As your application advances in terms of features, you may want to persist some of the information for each user that is local to them.

To improve this user experience, you could save the items in their device's local storage. This where redux-persist comes in handy for a React Js app. In this tutorial, we are going to set up the redux-persist library in a React Js app.

In this React JS project, we'll be building a complete Doctor booking App using ReactJS.This Doctor booking App will have following features/learnings -

✅ App setup
✅ API setup
✅ UI creation using styled-components
✅ Debouncing implementation
✅ Component based development
✅ Responsive UI using Flex Concept
✅ API integration with axios
✅ Book consultation with video call
✅ Validation using Formik

00:00 Introduction
01:52 Installation
02:28 Manipulating the store
08:52 Adding persistor
11:51 Adding components
21:13 Rendering the components
22:11 Changes in index.js
24:00 Rootreducer
27:36 Output analysis
29:36 Blacklist and whitelist

reselect,redux selector,redux reselect,redux selectors,react,react redux reselect,react js,redux performance,redux,monsterlessons academy,redux performance optimization,react and redux,react redux performance,front end,framework,javascript,js framework,react redux performance optimization,code,coding

#reactjs #reactredux #reacttutorial #reactjsbeginners #jasacadamy