2024版React18+Next.js14+Nest.js全栈开发复杂低代码项目（21章全）


什么是React 18的并发模式？
在React 18之前，React采用的是基于时间分片的协调策略，它可以将大的更新任务切分为多个小的任务，从而避免阻塞用户界面。但这种策略需要手动添加时间切片代码，而且对于复杂的更新任务难以保证性能。因此，React 18引入了全新的并发模式，它可以自动将任务划分为可中断的小任务，从而更高效地利用CPU资源，提高应用的渲染速度。这个新功能被称为“React的异步渲染（asynchronous rendering）”。

一个简单的例子，来说明异步渲染的特点。假设你有一个很长的待渲染的列表，如果只是简单地将整个列表作为一个更新任务，那么当用户滚动到列表某一部分的时候，就会出现界面卡顿的情况。而当采用异步渲染的方式时，React会将列表按照一定的规则切分为多个小任务，并在每个任务之间插入优先级较低的任务，这就可以避免长时间占用CPU资源，保证用户界面的流畅性。

React 18的并发模式如何实现？
React 18的并发模式主要通过两个新的API来实现：useTransition()和useDeferredValue()。

useTransition()
useTransition()可以将组件的更新过程分为两个阶段：suspense和commit。在suspense阶段，React会中断当前任务，来检测是否需要等待异步数据的到来。在commit阶段，React会将可以渲染的内容提交到屏幕上。

useDeferredValue()
useDeferredValue()可以将可变的数据延迟到commit阶段再更新。这个函数常常和useTransition()一起使用，来避免在用户交互的过程中发生不必要的更新。

Nest (NestJS) 是一个用于构建高效、可扩展的 Node.js 服务器端应用程序的开发框架。它利用 JavaScript 的渐进增强的能力，使用并完全支持 TypeScript （仍然允许开发者使用纯 JavaScript 进行开发），并结合了 OOP （面向对象编程）、FP （函数式编程）和 FRP （函数响应式编程）。

在底层，Nest 构建在强大的 HTTP 服务器框架上，例如 Express （默认），并且还可以通过配置从而使用 Fastify ！

Nest 在这些常见的 Node.js 框架 (Express/Fastify) 之上提高了一个抽象级别，但仍然向开发者直接暴露了底层框架的 API。这使得开发者可以自由地使用适用于底层平台的无数的第三方模块。

低代码项目是一种使用较少代码甚至无需编写代码即可快速构建应用程序和自动化工作流程的开发方法。这种方法适用于业务用户、业务分析师和非技术人员，因为它提供了一个可视化的开发环境，其中包含用于构建应用程序和工作流程的工具和模板。

低代码平台通常包括各种工具和模板，如图表、页面元素、自定义表单、报表、权限管理等，以帮助用户快速完成开发工作。这些平台支持多种编程语言和框架，如Vue、React、Golang等，并且通常提供拖拽式界面，使得用户可以通过简单的拖拽操作来构建应用程序