Conectando Redux a React con Provider

Para utilizar Redux dentro de tus componentes, necesitas conectar tu aplicación React al store.

Esto se realiza utilizando el componente Provider de 'react-redux'.

Envolviendo la aplicación

Abre tu archivo principal de entrada, normalmente main.jsx o index.js, y envuelve tu aplicación con Provider:

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

ReactDOM.createRoot(document.getElementById('root')).render(
  <Provider store={store}>
    <App />
  </Provider>
);

Función de Provider

Provider pone el store a disposición de toda la aplicación. Una vez que la aplicación está envuelta, cualquier componente puede acceder al estado o despachar acciones sin necesidad de pasar datos a través de múltiples capas.

Sin Provider, tus componentes no tendrían conocimiento del store. Esta conexión es lo que permite que Redux funcione en toda la aplicación en lugar de solo dentro de un componente individual.