diff --git a/.obsidian/workspace b/.obsidian/workspace index 0088367..ab864b8 100644 --- a/.obsidian/workspace +++ b/.obsidian/workspace @@ -9,7 +9,7 @@ "state": { "type": "markdown", "state": { - "file": "基于 React Hook 开发的 Jira 系统/# React 状态管理和控制反转.md", + "file": "基于 React Hook 开发的 Jira 系统/React 状态管理工具的简单思考.md", "mode": "source", "source": false } @@ -69,7 +69,7 @@ "state": { "type": "backlink", "state": { - "file": "基于 React Hook 开发的 Jira 系统/# React 状态管理和控制反转.md", + "file": "基于 React Hook 开发的 Jira 系统/React 状态管理工具的简单思考.md", "collapseAll": false, "extraContext": false, "sortOrder": "alphabetical", @@ -89,7 +89,8 @@ }, "active": "1508f46ea2481b37", "lastOpenFiles": [ - "基于 React Hook 开发的 Jira 系统/# React 状态管理和控制反转.md", + "基于 React Hook 开发的 Jira 系统/React 状态管理工具的简单思考.md", + "随时随地/React Context 和 Provider.md", "随时随地/React Hooks 的碎片记录.md", "随时随地/useEffect 和 Debounce.md", "随时随地/奇怪的疑惑.md", @@ -97,7 +98,6 @@ "1648111615(1) 5.png.md", "1648111615(1).png", "1648111615(1) 5.png", - "随时随地/简单的 React 思考 - Fiber 创建.md", - "随时随地/Images/useEffect 和 Debounce.png" + "随时随地/简单的 React 思考 - Fiber 创建.md" ] } \ No newline at end of file diff --git a/基于 React Hook 开发的 Jira 系统/# React 状态管理和控制反转.md b/基于 React Hook 开发的 Jira 系统/React 状态管理工具的简单思考.md similarity index 95% rename from 基于 React Hook 开发的 Jira 系统/# React 状态管理和控制反转.md rename to 基于 React Hook 开发的 Jira 系统/React 状态管理工具的简单思考.md index 20174dc..30aecf1 100644 --- a/基于 React Hook 开发的 Jira 系统/# React 状态管理和控制反转.md +++ b/基于 React Hook 开发的 Jira 系统/React 状态管理工具的简单思考.md @@ -1,4 +1,4 @@ -# React 状态管理和控制反转 +# React 状态管理工具的简单思考 在组件间传值是一个老生常谈的问题,对于大型且复杂的项目来说,有许多优秀的状态管理库例如: Redux、Mobx之类的工具帮助统一的管理和分发状态,但是在小型的个人项目当中,引入复杂的状态管理不但不会提高项目的开发效率还可能会提高开发者的心智负担,如果只是需要简单的在兄弟组件层级中传递参数,React 也提供了 Context 这样的方案用于组件共享值,在这里是对常见的状态管理工具做一个简单的思考 @@ -7,3 +7,5 @@ Redux 是我在写 React 应用的时候状态管理的首选方案,只是因 ## 2.Context Context 是 React 官方提供的组件间传值共享值的解决方案,对于一些小心应用,Context 就已经足够满足状态传递的需求,但是这也会导致一些问题,比如说组件的复用性变差,React 官网中也有写到:如果你只是想避免使用状态提示的过程中出现的值层层传递的问题,可能控制反转的组件组合会相较于 Context 更加适合,什么是组件组合?就是说原先在组件间层层传递的参数,变为传递一个组件自身,这种对组件的控制反转减少了需要传递的 props 数量 + +## 3. React Query / Swr diff --git a/随时随地/React Context 和 Provider.md b/随时随地/React Context 和 Provider.md new file mode 100644 index 0000000..ea18b01 --- /dev/null +++ b/随时随地/React Context 和 Provider.md @@ -0,0 +1 @@ +# React Context 和 Provider