What are some examples of using Redux in a React application?

What are some examples of using Redux in a React application?

Redux is often used for state management in React apps. For example, you can manage user authentication state.

Can you give me a specific code example?

Sure! Here's a simple example:

import { createStore } from 'redux';

const initialState = { user: null };

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'LOGIN':
      return { ...state, user: action.payload };
    case 'LOGOUT':
      return { ...state, user: null };
    default:
      return state;
  }
};

const store = createStore(reducer);

How do I connect this Redux store to my React components?

You can use the Provider from 'react-redux' to connect your store to your components. Here's how:

import React from 'react';
import { Provider } from 'react-redux';
import store from './store';
import App from './App';

const Root = () => (
  <Provider store={store}>
    <App />
  </Provider>
);

export default Root;