1
0
Fork 0
Browse Source

vault backup: 2022-03-29 17:44:34

master
YuJian 3 years ago
parent
commit
a0efef7e01
  1. 8
      .obsidian/workspace
  2. 4
      随时随地/React 状态管理工具的简单思考.md

8
.obsidian/workspace

@ -9,7 +9,7 @@
"state": { "state": {
"type": "markdown", "type": "markdown",
"state": { "state": {
"file": "基于 React Hook 开发的 Jira 系统/React 状态管理工具的简单思考.md", "file": "随时随地/React 状态管理工具的简单思考.md",
"mode": "source", "mode": "source",
"source": false "source": false
} }
@ -69,7 +69,7 @@
"state": { "state": {
"type": "backlink", "type": "backlink",
"state": { "state": {
"file": "基于 React Hook 开发的 Jira 系统/React 状态管理工具的简单思考.md", "file": "随时随地/React 状态管理工具的简单思考.md",
"collapseAll": false, "collapseAll": false,
"extraContext": false, "extraContext": false,
"sortOrder": "alphabetical", "sortOrder": "alphabetical",
@ -89,11 +89,11 @@
}, },
"active": "1508f46ea2481b37", "active": "1508f46ea2481b37",
"lastOpenFiles": [ "lastOpenFiles": [
"基于 React Hook 开发的 Jira 系统/React 状态管理工具的简单思考.md", "随时随地/React 状态管理工具的简单思考.md",
"随时随地/简单的 React 思考 - Context.md",
"随时随地/简单的 React 思考 - useReducer.md", "随时随地/简单的 React 思考 - useReducer.md",
"随时随地/简单的 React 思考 - Fiber 创建.md", "随时随地/简单的 React 思考 - Fiber 创建.md",
"随时随地/简单的 React 思考 - Hook.md", "随时随地/简单的 React 思考 - Hook.md",
"随时随地/简单的 React 思考 - Context.md",
"随时随地/React Hooks 的碎片记录.md", "随时随地/React Hooks 的碎片记录.md",
"随时随地/useEffect 和 Debounce.md", "随时随地/useEffect 和 Debounce.md",
"随时随地/奇怪的疑惑.md", "随时随地/奇怪的疑惑.md",

4
基于 React Hook 开发的 Jira 系统/React 状态管理工具的简单思考.md → 随时随地/React 状态管理工具的简单思考.md

@ -6,7 +6,7 @@
Redux 是我在写 React 应用的时候状态管理的首选方案,只是因为我比较熟悉,Redux 可以应用但不限于在 React 框架甚至还可以运用在 Vue 和 VanillaJS 当中,Redux 的再封装库非常多,React-Redux、Redux-Toolkit、Dva等 Redux 是我在写 React 应用的时候状态管理的首选方案,只是因为我比较熟悉,Redux 可以应用但不限于在 React 框架甚至还可以运用在 Vue 和 VanillaJS 当中,Redux 的再封装库非常多,React-Redux、Redux-Toolkit、Dva等
## 2.Context ## 2.Context
Context 是 React 官方提供的组件间传值共享值的解决方案,对于一些小心应用,Context 就已经足够满足状态传递的需求,但是这也会导致一些问题,比如说组件的复用性变差,React 官网中也有写到:如果你只是想避免使用状态提示的过程中出现的值层层传递的问题,可能控制反转的组件组合会相较于 Context 更加适合,什么是组件组合?就是说原先在组件间层层传递的参数,变为传递一个组件自身,这种对组件的控制反转减少了需要传递的 props 数量 Context 是 React 官方提供的组件间传值共享值的解决方案,对于一些小心应用,Context 就已经足够满足状态传递的需求,但是这也会导致一些问题,比如说组件的复用性变差,React 官网中也有写到:如果你只是想避免使用状态提示的过程中出现的值层层传递的问题,可能控制反转的组件组合会相较于 Context 更加适合,什么是组件组合?就是说原先在组件间层层传递的参数,变为传递一个组件自身,这种对组件的控制反转减少了需要传递的 props 数量,关于 Context 的更深入的思考可以看这里 [[简单的 React 思考 - Context]]
## 3. React Query / Swr ## 3. React Query / Swr
这两个工具实际上相较于前两个有较大的不同,Redux 和 Context 可以同时管理用户交互的中间状态,但是对于这两个工具而言,主要是负责服务端状态的管理,或许也可以将其称作为管理缓存 这两个工具实际上相较于前两个有较大的不同,Redux 和 Context 可以同时管理用户交互的中间状态,但是对于这两个工具而言,主要是负责服务端状态的管理,或许也可以将其称作为管理缓存
Loading…
Cancel
Save