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