redux-bundler-preact

import { connect, Provider } from 'redux-bundler-preact'; import { h } from 'preact'; // Required for JSX in Preact, ensure this is in scope // Assume './bundles' exports a function that returns a redux-bundler store // For this example, we'll create a dummy store. const getStore = () => ({ getState: () => ({ myValue: 'Initial Value', myOtherValue: 'Another Value' }), subscribe: () => () => {}, dispatch: (action) => console.log('Dispatching action:', action) }); // Example AppRoot component that receives props from connect const AppRoot = ({ myValue, myOtherValue, doInitiateSignIn }) => ( <div style={{ padding: '20px', border: '1px solid #ddd', borderRadius: '4px' }}> <h1>Redux-Bundler Preact Example</h1> <p>My Value: <strong>{myValue}</strong></p> <p>My Other Value: <strong>{myOtherValue}</strong></p> <button onClick={doInitiateSignIn} style={{ padding: '10px 15px', backgroundColor: '#007bff', color: 'white', border: 'none', borderRadius: '4px', cursor: 'pointer' }}> Initiate Sign In </button> </div> ); // Connect the AppRoot component to specific selectors and action creators const ConnectedAppRoot = connect( 'selectMyValue', // Placeholder selector name 'selectMyOtherValue', // Placeholder selector name 'doInitiateSignIn', // Placeholder action creator name AppRoot ); // Render the application with the Provider at the root export default () => ( <Provider store={getStore()}> <ConnectedAppRoot /> </Provider> );