Redux Persist Example 3 | Doctor Booking React JS App | React JS | Day- 22

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:02 Persist reducer
01:47 persist Store
02:45 Persist gate
03:29 Customizing what is persisted
08:35 Merge process in brief

#reactjs #reactredux #reacttutorial #reactjsbeginners #jasacadamy