Merge pull request #29 from aneurysmjs/issue/28/refactor-store-contents

Issue/29/refactor store contents

config/webpack-config/resolvers.js

@@ -8,5 +8,8 @@ module.exports = {
     api$: `${paths.srcApp}/api/api.js`,
     '@': paths.srcApp,
     styles: `${paths.srcApp}/assets/scss`,
+    // @link https://gist.github.com/bvaughn/25e6233aeb1b4f0cdb8d8366e54a3977
+    'react-dom$': 'react-dom/profiling',
+    'scheduler/tracing': 'scheduler/tracing-profiling',
   },
 };

package.json

@@ -25,9 +25,7 @@
     "start": "cross-env NODE_ENV=development node scripts/start.js",
     "start:analyzer": "webpack-bundle-analyzer build/client/static/bundle-stats.json",
     "test": "node scripts/test.js --env=jsdom",
-    "test:update": "yarn test --updateSnapshot",
     "flow-typed": "node_modules/.bin/flow-typed",
-    "lint:js": "eslint src/**/*.{js}",
     "semantic-release": "semantic-release"
   },
   "config": {

src/app/components/core/Footer/Footer.js

@@ -3,7 +3,7 @@ import React from 'react';
 // $FlowIgnore
 import { useSelector } from 'react-redux';
 
-import { getFooter } from '@/store/reducers/footer';
+import { getFooter } from '@/store/modules/footer/selectors';
 import type { FooterType } from '@/store/types/FooterType';
 
 import Icon from '@/components/base/Icon/Icon';

src/app/components/core/UserMenu/UserMenu.js

@@ -5,7 +5,7 @@ import { useSelector } from 'react-redux';
 
 import Icon from '@/components/base/Icon/Icon';
 import { useLazy } from '@/hooks/useLazy';
-import { getCart } from '@/store/reducers/cart';
+import { getCart } from '@/store/modules/cart/selectors';
 
 import type { CartType } from '@/store/types/CartType';
 

src/app/pages/Home/Home.js

@@ -4,8 +4,8 @@ import React, { useEffect } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 
 import Spinner from '@/components/base/Spinner/Spinner';
-import { fetchProducts } from '@/store/actions';
-import { getProducts } from '@/store/selectors/getProducts';
+import { fetchProducts } from '@/store/modules/products/actions';
+import { getProducts } from '@/store/modules/products/selectors';
 import type { ProductsType } from '@/store/types/ProductsType';
 
 import ProductCard from '@/components/shared/ProductCard/ProductCard';

src/app/store/configureStore.js → src/app/store/config/configureStore.js

@@ -8,12 +8,12 @@ import type { Actions } from '@/store/types/Actions';
 // import throttle from 'lodash.throttle';
 
 // Middleware is the suggested way to extend Redux with custom functionality.
-import middlewares from '@/store/middlewares';
+import middlewares from '@/store/config/middlewares';
 
 // import all reducers
 import reducer from '@/store/reducers';
 
-// import { saveState, loadState } from './localStorage';
+// import { saveState, loadState } from './storage';
 
 // Get the state from localStorage
 // const persistedState = loadState();

src/app/store/helpers/createReducer/index.js

@@ -0,0 +1,3 @@
+// @flow strict
+// eslint-disable-next-line import/prefer-default-export
+export { default as createReducer } from './createReducer';

src/app/store/helpers/makeActionCreator/index.js

@@ -0,0 +1,3 @@
+// @flow strict
+// eslint-disable-next-line import/prefer-default-export
+export { default as makeActionCreator } from './makeActionCreator';

src/app/store/index.js

@@ -1,6 +1,6 @@
 // @flow strict
 
-import configureStore from './configureStore';
+import configureStore from './config/configureStore';
 
 const store = configureStore();
 

src/app/store/actions/cartAction/cartAction.js → src/app/store/modules/cart/actions/cartAction.js

@@ -1,6 +1,6 @@
 // @flow strict
 import * as types from '@/store/ActionTypes';
 
-import makeActionCreator from '@/store/actions/makeActionCreator';
+import { makeActionCreator } from '@/store/helpers/makeActionCreator';
 
 export default makeActionCreator(types.CART_DATA, 'cart');

src/app/store/reducers/cart/cart.js → src/app/store/modules/cart/reducers/cart.js

@@ -4,7 +4,7 @@ import type { CartType, CartActionType } from '@/store/types/CartType';
 
 import { CART_DATA } from '@/store/ActionTypes';
 
-import createReducer from '../createReducer';
+import { createReducer } from '@/store/helpers/createReducer';
 
 const initialState = {
   quantity: 0,

src/app/store/modules/cart/reducers/index.js

@@ -0,0 +1,3 @@
+// @flow strict
+// eslint-disable-next-line import/prefer-default-export
+export { default as cart } from './cart';

src/app/store/reducers/cart/index.js → src/app/store/modules/cart/selectors/getCart.js

@@ -1,9 +1,5 @@
 // @flow strict
 
 import type { State } from '@/store/types/State';
-
-import cart from './cart';
-
-export default cart;
-
+// eslint-disable-next-line import/prefer-default-export
 export const getCart = (state: State) => state.cart;

src/app/store/modules/cart/selectors/index.js

@@ -0,0 +1,3 @@
+// @flow strict
+// eslint-disable-next-line import/prefer-default-export
+export { getCart } from './getCart';

src/app/store/actions/footerData/footerData.js → src/app/store/modules/footer/actions/footerData.js

@@ -1,6 +1,6 @@
 // @flow strict
 import * as types from '@/store/ActionTypes';
 
-import makeActionCreator from '@/store/actions/makeActionCreator';
+import { makeActionCreator } from '@/store/helpers/makeActionCreator';
 
 export default makeActionCreator(types.FOOTER_DATA, 'footer');

src/app/store/reducers/footer/footer.js → src/app/store/modules/footer/reducers/footer.js

@@ -3,9 +3,8 @@
 import type { FooterType, FooterActionType } from '@/store/types/FooterType';
 
 import { FOOTER_DATA } from '@/store/ActionTypes';
-import type { State } from '@/store/types/State';
 
-import createReducer from '../createReducer';
+import { createReducer } from '@/store/helpers/createReducer';
 
 const initialState = {
   social: [
@@ -20,5 +19,3 @@ export default createReducer<FooterType, FooterActionType>(initialState, {
     };
   },
 });
-
-export const getFooter = ({ footer }: State) => footer;

src/app/store/modules/footer/reducers/index.js

@@ -0,0 +1,3 @@
+// @flow strict
+// eslint-disable-next-line import/prefer-default-export
+export { default as footer } from './footer';

src/app/store/reducers/footer/index.js → src/app/store/modules/footer/selectors/getFooter.js

@@ -1,9 +1,5 @@
 // @flow strict
 
 import type { State } from '@/store/types/State';
-
-import footer from './footer';
-
-export default footer;
-
+// eslint-disable-next-line import/prefer-default-export
 export const getFooter = (state: State) => state.footer;

src/app/store/modules/footer/selectors/index.js

@@ -0,0 +1,3 @@
+// @flow strict
+// eslint-disable-next-line import/prefer-default-export
+export { getFooter } from './getFooter';

src/app/store/actions/fetchProducts/fetchProducts.js → src/app/store/modules/products/actions/fetchProducts.js

@@ -8,7 +8,7 @@ import type { State } from '@/store/types/State';
 import type { AsyncAction } from '@/store/types/Actions';
 import type { ProductsType } from '@/store/types/ProductsType';
 
-import { getProducts } from '@/store/selectors/getProducts';
+import { getProducts } from '@/store/modules/products/selectors';
 
 export default function fetchProducts(query: string = ''): AsyncAction<State> {
   return {

src/app/store/reducers/products/products.js → src/app/store/modules/products/reducers/products.js

@@ -1,13 +1,13 @@
 // @flow strict
 import type { ProductsType, ProductActionType } from '@/store/types/ProductsType';
 
-import createReducer from '../createReducer';
+import { createReducer } from '@/store/helpers/createReducer';
 
 import {
   GET_PRODUCTS_FAILURE,
   GET_PRODUCTS_REQUEST,
   GET_PRODUCTS_SUCCESS,
-} from '../../ActionTypes';
+} from '@/store/ActionTypes';
 
 const initialState = {
   error: null,

src/app/store/modules/products/selectors/index.js

@@ -0,0 +1,3 @@
+// @flow strict
+// eslint-disable-next-line import/prefer-default-export
+export { getProducts } from './getProducts';

src/app/store/reducers/index.js

@@ -1,15 +1,12 @@
 // @flow strict
-/**
- * @module reducers
- */
 
 import { combineReducers } from 'redux';
 
 import type { Actions } from '@/store/types/Actions';
 
-import cart from './cart';
-import footer from './footer';
-import { products } from './products';
+import { footer } from '@/store/modules/footer/reducers';
+import { cart } from '@/store/modules/cart/reducers';
+import { products } from '@/store/modules/products/reducers';
 
 export default combineReducers<{}, Actions>({
   cart,

src/app/store/types/Actions.js

@@ -18,5 +18,5 @@ export type AsyncAction<S> = {
 
 export type MiddlewareAction<S> = {
   type: string,
-  ...AsyncAction<S>
+  ...$Exact<AsyncAction<S>>
 };