wesbos youtube guide to redux - link
- Video 1 - Setting Up Webpack Env
- Video 2 - App Layout & Component Setup
- Video 3 - Creating Single & Photogrid React Components
- Video 4 - Adding React Router
- Video 5 - Creating a Redux Store
- Video 6 - Setup Redux Actions
- Video 7 - All About Redux Reducers
- Video 8 - Integrating our Store with React Router
- Video 9 - Understanding The Reducer's Job
- Video 10 - Accessing Dispatch and State with Redux
- Video 11 - Displaying Redux State inside our Components
- Video 12 - Updating State with Reducers
- Video 13 - Displaying the Single Photo Component
- Video 14 - Displaying and Adding Comments
- Video 15 - Updating Comment State in our Store
- Video 16 - Redux Reducer Composition
- Video 17 - Error Tracking and Insights with Sentry
- Video 18 - Hot Reloading Redux Reducers with webpack
- Video 19 - Redux Dev Tools
- Video 20 - Wrap Up and Next Steps
Had to fix the store.js file to allow redux dev tools extension permissions
// allow debugging using redux dev tools extension
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const store = createStore(rootReducer, defaultState, composeEnhancers());
Uses compose middleware from redux