chore: add some comments

L-Qun · Jun 16, 2024 · b6a5f4c · b6a5f4c
1 parent 703645a
commit b6a5f4c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/examples/ssr/simple-ssr-demo/server/index.js b/examples/ssr/simple-ssr-demo/server/index.js
@@ -6,8 +6,10 @@ import renderer from './renderer'
 
 const app = new Koa()
 
+// 提供静态文件服务
 app.use(serve(path.resolve(__dirname, '../client')))
 
+// 处理 SSR 渲染
 app.use(renderer)
 
 app.listen(3000, () => {

diff --git a/examples/ssr/ssr-zustand/client/store.js b/examples/ssr/ssr-zustand/client/store.js
@@ -2,18 +2,17 @@ import { createContext, useRef, useContext } from 'react'
 import { useStore } from 'zustand'
 import { createStore } from 'zustand/vanilla'
 
-// export const useStore = create((set) => ({
-//   todo: null,
-// }))
-
+// 创建 Store
 export const createTodoStore = (todo) => {
   return createStore()((set) => ({
     todo,
   }))
 }
 
+// 创建 React Context，用来分发 Store
 export const TodoStoreContext = createContext(undefined)
 
+// 需要将这个 Provider 包裹在组件外面用来创建 Store、填充数据
 export const TodoStoreProvider = ({ children, todo }) => {
   const storeRef = useRef()
   if (!storeRef.current) {
@@ -27,6 +26,7 @@ export const TodoStoreProvider = ({ children, todo }) => {
   )
 }
 
+// 在组件中使用该 Hook
 export const useTodoStore = (selector) => {
   const todoStoreContext = useContext(TodoStoreContext)