redux-bundler

import { composeBundles } from 'redux-bundler'; const userBundle = { name: 'user', getReducer: () => { const initialState = { name: 'Guest', isAuthenticated: false, loading: false }; return (state = initialState, action) => { switch (action.type) { case 'USER_LOGIN_START': return { ...state, loading: true }; case 'USER_LOGIN_SUCCESS': return { ...state, name: action.payload.name, isAuthenticated: true, loading: false }; case 'USER_LOGOUT': return { ...initialState }; default: return state; } }; }, selectUserName: (state) => state.user.name, selectIsAuthenticated: (state) => state.user.isAuthenticated, selectUserLoading: (state) => state.user.loading, doLogin: (payload) => ({ dispatch, store }) => { dispatch({ type: 'USER_LOGIN_START' }); // Simulate API call setTimeout(() => { const userName = payload.username || 'Test User'; dispatch({ type: 'USER_LOGIN_SUCCESS', payload: { name: userName } }); console.log(`User '${store.selectUserName()}' logged in.`); }, 500); }, doLogout: () => ({ dispatch }) => { dispatch({ type: 'USER_LOGOUT' }); console.log('User logged out.'); }, }; const getStore = composeBundles(userBundle); const store = getStore(); // Subscribe to changes (optional, but common in frameworks like React) store.subscribe(() => { console.log('Current user name:', store.selectUserName()); console.log('Is authenticated:', store.selectIsAuthenticated()); }); // Dispatch actions store.doLogin({ username: 'Alice' }); setTimeout(() => { store.doLogout(); }, 1000);