![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
scu_南
Life
展开
-
React性能优化——PureComponent & ShouldComponentUpdate详解篇
背景 为了响应公司中台化的战略,6.7月份的时候做了一个中台组件的项目。 组件逻辑比较复杂,而且因为有不同的接入方,需求可能都会不一样,所以都是通过读接口来获取配置,所有的字段依据配置来决定显隐,是否必填,以及各种的校验,联动,并且划分的一些功能模快同样也是走的配置。 以上听起来还是比较复杂的,组件因为包含大量的不同类型的表单,而不同表单又有一些通用的输入框,像文本输入框,时间选择框,所以我们选择以最小颗粒度拆分出一些组件。为了优化原创 2020-11-30 09:46:46 · 1308 阅读 · 1 评论 -
create-react-app 构建 react应用程序 (一 )
第一步 全局安装 create-react-appnpm install -g create-react-app 第二步 通过create-react-app来构建自己的项目create-react-app demo-app //demo-app是你要创建的项目名 第三步 执行npm start...原创 2019-04-17 10:38:24 · 279 阅读 · 0 评论 -
构建 react应用程序 (二)(react-scripts实现原理)
在前面讲到了使用create-react-app来创建项目,这节我们来分析下原理。react-scripts有以下支持,都帮你配置好了:React, JSX, ES6, and Flow syntax support.Language extras beyond ES6 like the object spread operator.Import CSS and image file...原创 2019-04-17 11:47:08 · 3948 阅读 · 0 评论 -
react组件生命周期详解
生命周期状态组件的生命周期可分成三个状态:Mounting:已插入真实Dom Updating:正在被重新渲染 Unmounting:已移除真实Dom生命周期方法React为每个状态都提供了两种处理函数,will在进入状态之前调用,did在函数进入状态之后调用,三种状态供给五种处理函数。componentWillMount 在渲染前调用,在客户端也在服务端。 compon...原创 2019-02-22 17:50:28 · 260 阅读 · 0 评论