主要api：useContext和useReducer 用途：都是为了进行状态管理。 一般useContext更常用。 如果使用useReducer不如使用redux或者其他管理库提供的更高级的hook api。 坑点：根据官方文档 Hook API 索引 – React ，也就是用到context的组件，都会由于conte...

定义 领域驱动设计（DDD）是一种基于模型驱动的软件设计方式。 它以领域为核心，分析领域中的问题，通过建立一个领域模型来有效的解决领域中的核心的复杂问题。 而在电商、物流、保险、金融等线上、线下结合的新型电子产业中，模型成熟，设计语言通用，适合落地实践DDD。 DDD 组成部分 DDD 包括「战略设计」和「战术设计」两部分： 战略设计主要从业务视角出发，建立业务领域模型，划分...

Form(Item) 参考：https://juejin.cn/book/6945998773818490884/section/6950659615675645990 示例demo export default () => { const form = React.useRef(null) const submit =()=>{ /* ...

状态流转 页面事件（生命周期、点击事件等等）触发 action 的执行。 通过 action 来修改状态。 状态更新后，computed 计算属性也会根据依赖的状态重新计算属性值。 状态更新后会触发 reaction，从而响应这次状态变化来进行一些操作（渲染组件、打印日志等等）。 特点 响应式编程（Reactive Programming）。和vue类似。...

实现原理 理解JSON的语法，可以使用 https://www.json.cn/ 。按照 json 规范，除了对象，输入 Array、Boolean、Number、Undefined 都是可以的。 绘制「对象」有限状态机： 说明：先不用考虑状态机整体，先考虑最常用的对象输入 对象状态机流程： ...

各API作用 useRef：「使用方」创建一个 ref forwardRef： 使用方法：「提供方」通过 forwardRef 包裹一个组件（class or function）。 用途： 除了外界传入的 props 外（因为 ref 不属于 props ），「组件内部」还能拿到外界挂在组件上的 ref，此时...

描述 使用方法 直接使用 react-grid-layout 即可。使用方式简单，直接定义组件的 layout 即可，然后将其将给 react-grid-layout 渲染： 在低代码引擎，或者支持前端拖拽的前端应用中，额外在前端更新Schema、在后端存储每个组件的 i、x、y、w、h 这5个属性即可。 同时，这个更新和存储Schema的Action，可以将其封装到一个 R...

代码请参考：learn-react-ssr 什么是SSR？ SSR 是服务端渲染。它是后端模版渲染和前端（SPA）单页应用的结合。 它有 2 种常见的模式： 完全使用后端路由渲染模版 后端只渲染首次访问的内容，后面交给单页应用托管 这两者的主要区别是：后端路由的使用程度不同。在NodeJS的SSR框架中（比如NextJS），使用的都是后一种。 SSR 后端渲染的原理 ...

Nodejs 提供了 cluster 来支持多进程集群，提高多核 CPU 的利用效率，实现负载均衡，最大程度利用机器性能。 同时，在 cluster 模块之前，社区里也有 pm2 来在本地启动多个nodejs服务进程，并且有完备的日志、监控、重启等策略。 进程集群模块 - cluster 从以下几个方面介绍 cluster 的 API 和用法： cluster 启动 HTTP ...

开发环境：Node.JS v14.8.0 整理自之前的《NodeJS多线程通信和共享内存 - worker_threads》&&《NodeJS多线程模块研究 - worker_threads》两篇文章。 快速开始 js 和 nodejs 一直都是单线程，直到官方推出了 worker_threads 模块，用来解决 CPU 密集型计算场景。 可以通过以下代码快速开启...