App restructure

Define state hooks

Author: modularcoder

docs/drafts.md

@@ -11,7 +11,7 @@ The points below are still in progress
 - Typed data entities
 - Not just a dummy template
 - Uses react hooks
-- State management with Redux + Rematch for reducing Redux code boilerplate
+- Simpler state management with Redux + Rematch for reducing Redux code boilerplate
 - Material UI kit
 - Smart basic applications with real-world usage
 - Users/Organizations roles with many-to-many relations

src/Dashboard/Content/_sampleData/itemsCategoriesData.js renamed to src/Dashboard/Content/_api/_data/itemsCategoriesData.js

@@ -1,20 +1,23 @@
-import React from 'react'
+import React, { useEffect } from 'react'
 import LinearProgress from '@material-ui/core/LinearProgress'
 
-import { useDashboardData } from './DashboardData'
+import { useDashboardState, useDashboardEffects } from './_state'
 
 import Dashboard from './Dashboard'
 
 // Before showing the dashboard we need to be sure that the
 // User data is propperly requested
 const DashboardContainer: React.FC = props => {
-  const state = useDashboardData()
+  const { loading, error } = useDashboardState()
+  const effects = useDashboardEffects()
+
+  useEffect(() => {
+    effects.request()
+  }, [effects])
+
+  if (loading) return <LinearProgress />
+  if (error) return <p>Error :(</p>
 
-  // if (loading) return <LinearProgress />
-  // if (error) {
-  //   console.log(error)
-  //   return <p>Error :(</p>
-  // }
   return <Dashboard />
 }
 

src/Dashboard/Content/_sampleData/itemsData.js renamed to src/Dashboard/Content/_api/_data/itemsData.js

@@ -1,18 +1,3 @@
 import { useEffect } from 'react'
 
-import { useDispatch, useSelector } from 'react-redux'
-import { RootState, RootDispatch } from '_store'
-
-export function useDashboardData() {
-  const state = useSelector((state: RootState) => state.dashboard)
-  const dispatch = useDispatch<RootDispatch>()
-
-  // Request user data
-  useEffect(() => {
-    dispatch.dashboard.request()
-  }, [dispatch])
-
-  return state
-}
-
 export default {}