Caching fetched resources

src/pages/index.js

@@ -76,7 +76,7 @@ function updateForumPost(forum, postKey, postData) {
   }, {})
 }
 
-export default function Index({ globalData }) {
+export default function Index({ globalData, globalState, setGlobalState }) {
   const userId = globalData.userId
   const motd = globalData.motd
   const [news, setNews] = useState(null)
@@ -84,13 +84,20 @@ export default function Index({ globalData }) {
   const [fetchingForum, setFetchingForum] = useState(false)
 
   useEffect(() => {
-    setFetchingForum(true)
-    fetchForum().then((res) => {
-      setFetchingForum(false)
-      const { entries, nextKey } = res
+    if (globalState.news) {
+      const { entries, nextKey } = globalState.news
       setNextEntryKey(nextKey)
       setNews(entries)
-    })
+    } else {
+      setFetchingForum(true)
+      fetchForum().then((res) => {
+        setFetchingForum(false)
+        const { entries, nextKey } = res
+        setNextEntryKey(nextKey)
+        setNews(entries)
+        setGlobalState({ news: res })
+      })
+    }
   }, [])
 
   const renderNews = () => {
@@ -281,6 +288,12 @@ export default function Index({ globalData }) {
                   const { entries, nextKey } = res
                   setNextEntryKey(nextKey)
                   setNews({ ...news, ...entries })
+                  setGlobalState({
+                    news: {
+                      entries: { ...news, ...entries },
+                      nextKey: nextKey,
+                    },
+                  })
                 })
               }}
             >