在之前的 漫谈 react 系列(三): 三层 loop 弄懂 Concurrent 模式 一文中，我们有讲到在 React18 中，Concurrent 模式是否开启，需要根据触发更新的上下文来决定

在上周 3.29 号，React18 正式版本发布，相信不少小伙伴已经开始体验 18 版本提供的新特性了吧。新版本中最引人瞩目的就属 Concurrent 模式了。在

Concurrent 模式是 React18 中最引人瞩目的新特性。通过使用 useTransition、useDeferredValue，更新对应的 reconcile 过程变为可中断，不再会因为长

本文是学习 react 以后的一些知识点梳理，旨在能帮助自己随时复习。总结梳理的不一定全面到位准确，仅供参考。 一个组件从 template 到最后的 dom 节点 要经历两个过程： react render 和 react commit。 react commit，即 提交阶…

在一个典型的 React 应用 中，数据是通过 props 属性自上而下（由父及子） 进行传递的，但这种做法对于某些类型的属性而言是极其繁琐的（例如：地区偏好，UI 主题），这些属性是应用程序中许多组件都需要的。Context 提供了一种在组件之间 共享 此类值的方式，而不必 …

react router(react-router-dom) 和 vue router 都提供了一套 路由管理机制 帮助我们在 单页面应用 中管理 页面跳转。 尽管它们两个的 应用场景 不同，但是我们还是可以对它们做一些分析比较。 不管是 vue router 还是 react…

使用 react 构建 单页面应用 时，离不开 react-router 的配合。通过 react-router， 我们可以建立 路由和组件(页面)之间的映射关系。当 切换路由 时，将匹配的组件(页面) 渲染到对应的位置。 官网 提供了 react-router 的 两个版本：…

Redux 提供了一套通用的 状态管理机制 帮助我们在复杂 react 应用中管理组件中的 公共状态 - state。 使用 Redux 时， 我们会先使用 Redux.createStore(reducer) 构建一个 store 对象。通过 store.getState 可…

在上面的流程中， 用户通过 dispatch 发起 Action 后， reducer 会立即计算返回新的 state， 这是一个 同步 的过程。 但是如果我们想在 Action 发起之后， 过一段时间再执行 reducer 计算 state， 即 异步计算 state， 该如…