Javascript Programming Tutorials, Guides & Best Practices

With this setup, you’ve enabled Storybook to automatically watch for new files and dynamically reload changes without needing manual restarts. By leveraging the watch option and configuring Webpack correctly, you can speed up your development workflow, especially when frequently adding new components.

This quick setup can make your Storybook development smoother and more efficient!

   import { createStore } from 'redux';

   const initialState = {
     count: 0,
   };

   const reducer = (state = initialState, action) => {
     switch (action.type) {
       case 'INCREMENT':
         return { ...state, count: state.count + 1 };
       case 'DECREMENT':
         return { ...state, count: state.count - 1 };
       default:
         return state;
     }
   };

   const store = createStore(reducer);

   export default store;

This code sets up a simple Redux store with an initial state containing a count property and a reducer function to handle INCREMENT and DECREMENT actions.