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
相关文章
