what is Redux and why using?

https://www.c-sharpcorner.com/article/what-is-redux-a-complete-beginners-guide

https://www.c-sharpcorner.com/article/introduction-to-redux/

Redux is a predictable state container for JavaScript apps, primarily used with React for managing application state. It helps in maintaining a single source of truth for the state of your application, making it easier to manage and update the state across components.

In Redux, the state of your whole application is stored in an object tree within a single store. The only way to change the state is by emitting an action, which describes what happened. Reducers then specify how the state changes in response to these actions.

Here's a simple example of how Redux works in a React application:

// Define an action
const increment = () => {
  return {
    type: 'INCREMENT'
  };
};

// Define a reducer
const counter = (state = 0, action) => {
  switch (action.type) {
    case 'INCREMENT':
      return state + 1;
    default:
      return state;
  }
};

// Create a Redux store
const { createStore } = Redux;
const store = createStore(counter);

// Dispatch an action
store.dispatch(increment());
console.log(store.getState()); // Output: 1