download: 百度网盘
建设 React 事件
对于大多数 React 初学者来说，在学习 React 的初期，如何配置一个 React 我的项目往往是比拟凌乱的，有很多框架可供选择。React 社区的大多数人会举荐脸书的 create-react-app (CRA)。它基本上没有配置，并为您提供了一种简略的形式来启动和运行 React 应用程序。
然而当初，CRA 应用的工具曾经过期了——这使得咱们的开发体验变得迟缓。Vite 是近年来最风行的打包库之一。它有着不堪设想的开发和制作速度，还提供了一些模板 (如 React、React+TypeScript) 可供选择。
如果你曾经相熟 React，你能够抉择它最风行的一个框架作为代替:Next.js 和 Gatsby.js 这两个框架都是基于 React 的，所以在应用之前你至多要相熟 React 的基础知识。这个畛域另一个风行的新兴框架是 Remix，在 2022 年相对值得一试。
尽管 Next.js 最后用于服务器端渲染，但 Gatsby.js 次要用于动态站点生成 (比方博客、登陆页等动态网站)。然而，在过来的几年里，这两个框架曾经交错在一起。…
Next.js 能够反对你生成动态站点，Gatsby.js 也反对服务器端渲染。不过就我集体的体验来说，我感觉 Next.js 更好用一点。
如果只是想理解 create-React-app 的工具在后盾是如何工作的，倡议从头开始尝试本人配置一个 React 我的项目。从一个简略的 HTML JavaScript 我的项目开始，本人增加 React 及其反对工具 (如 Webpack、Babel)。这不是您在日常工作中必须要做的事件，但这是理解底层工具如何工作的好办法。
倡议:
创立带有优先级 Vite 的 React 客户端应用程序
CRA 代替计划
创立优先级为 Next.js 的 React 服务器端出现应用程序
最新技术: 混音
仅创立动态站点代替 Gatsby.js
可选学习体验: 从 0 开始本人搭建 React 利用。
状态治理
React 带有两个内置的钩子来治理本地状态:useState和 useReducer。如果须要全局状态治理，能够抉择退出 React 内置的 useContext 钩子，将道具从顶层组件转移到底层组件，防止了道具的多层通明传输问题。这三个钩子足以让你实现一个弱小的状态管理系统。
如果您发现自己过于频繁地应用 React 的上下文来解决共享 / 全局状态，您必须查看 Redux，这是目前最风行的状态治理库。它容许您管理应用程序的全局状态，任何连贯到其全局存储的 React 组件都能够读取和批改这些状态。
it 自学 www.sisuoit.com