State Management Libraries

 State Management Libraries

State management libraries like Redux and MobX allow developers to manage the state of their application in a more organized and scalable way. These libraries can help reduce bugs and make it easier to reason about the state of the application. Here's an example of using Redux to create a simple counter:

import { createStore } from 'redux';

const initialState = { count: 0 };

function reducer(state = initialState, action) {

  switch (action.type) {

    case 'INCREMENT':

      return { count: state.count + 1 };

    case 'DECREMENT':

      return { count: state.count - 1 };

    default:

      return state;

  }

}

const store = createStore(reducer);

store.dispatch({ type: 'INCREMENT' });

console.log(store.getState()); // { count: 1 }

store.dispatch({ type: 'DECREMENT' });

console.log(store.getState()); // { count: 0 }

In this code, we're using the createStore function from Redux to create a store that will hold the state of our application. We're also defining a reducer function that will handle actions that change the state of the application. We're dispatching actions to the store to increment and decrement the counter, and we're using the getState function to get the current state of the application.