Introduction of React-Redux

---

Redux is a state management library that provides a predictable and consistent way of managing application state across different environments, including client, server, and native. It is designed to be used with Typescript and can be integrated with any UI framework, not just React. When using Redux with a UI framework, it's recommended to use a UI binding library to connect Redux with the UI code instead of accessing the store directly. This ensures a separation of concerns and helps keep the code modular and testable.

For better understanding Redux we suggest you once go through official documentation of Redux from Redux Documentation

Getting Started

---

Setting up the redux environment to workspace

This guide provides a step-by-step process for setting up your development environment for vite, a tool that enables fast and efficient development with React and Redux. The guide includes detailed instructions for installing the necessary dependencies, creating a dynamic workspace, and building an e-commerce web application. Whether you're new to vite or an experienced developer, this guide will help you get up and running quickly and easily.

Redux Setup

---

Create a dynamic workspace or a E-commerce web application

You need to have those package, just follow the below steps

1. Run the command , as shown below

First step :

npm install redux redux-devtools-extension redux-thunk

This new command prompts for the information about installs the necessary redux packages and other dependencies. This can take a few minutes.

Second step:

create three indivisual js files in your workspace such as : "Action","Reducer","Store"

Action is use for, create a action for indivisual functionality, which wil return the action type, and if action contains the payload,
and also it returns the payload.

Reduce is use for, to creating the action functionality and it is always wait for the action type and the reducer we will import 
in the redux-store file.

Store is use for, Store is the middleware of connecting the components to redux. we will import the store in the main layout file(App.tsx),
which will wrap the store in the react-redux provider ( <Provider store={store}></Provider> ).