What are some examples of publish-subscribe in React?

What are some examples of publish-subscribe in React?

The publish-subscribe pattern in React can be implemented using libraries like Redux or even with the Context API. Would you like to see a specific example?

Yes, can you show me a simple example using the Context API?

Sure! You can create a context for your data and use a provider to publish updates. Components can subscribe to this context to receive updates.

How do I set up the context and provider?

First, create a context using React.createContext(). Then, create a provider component that uses the context's Provider to pass down the state.

Can you provide a code snippet for that?

Absolutely! Here's a simple code snippet:

const MyContext = React.createContext();

const MyProvider = ({ children }) => {
  const [state, setState] = useState(initialState);

  return (
    <MyContext.Provider value={{ state, setState }}>
      {children}
    </MyContext.Provider>
  );
};