通过es6新增class的属性创建的组件此组件创建简单. React 16.3版本后，使用此方法来创建ref。将其赋值给一个变量，通过ref挂载在dom节点或组件上，该ref的current属性,将能拿到dom节点或组件的实例 子组件通过React.forwardRef来创建，…

Refs 提供了一种方式，允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。 管理焦点，文本选择或媒体播放。 触发强制动画。 集成第三方 DOM 库。 1. createRef createRef 是 React16.3 版本中引入的。 使用 Rea…

仓库地址：https://gitee.com/dreamer2011/react-h5-template1、前言本项目适用于移动端H5混合开发的React项目，功能包括：采用VW，字体自动适配，默认按

react凭借virtual DOM和diff算法拥有高效的性能，除此之外也有很多其他的方法和技巧可以进一步提升react性能，在本文中我将列举出可有效提升react性能的几种方法，帮助我们改进react代码，提升性能。但是我们不必一定要在项目中使用这些方法，但是我们有必要知道…

默认打开Profiler什么都没有，要点击录制按钮进行记录（跟chrome的performance挺像）。 看上去像一个柱状图，每一个柱子代表一次commit，他的颜色和高度对应执行时长，越高颜色越黄代表时间越长，反之越短。 火焰图部分会以一个类似树形的结构显示一次commit…

一个人并不是生来要给打败的，你尽可以把他消灭掉，可就是打不败他。 JSX中，可以使用花括号{}嵌入任意的JavaScript合法表达式，如：2 + 2、user.firstName、formatName(user)都是合法的。示例如： JSX本身也是一种表达式，所以它可以像其他…

首先，facebook提出CSS in js的概念，这很奇怪。 我们多年来所学的知识都在宣扬关注点分离的重要性，不应该将标记和css混在一起。但是React行内样式的提出，试图改变关注点分离这一概念。使其从技术分离向组件分离转变。 React将组件作为应用架构的基础单元，通过组…

当父组件执行render的时候，避免不了C组件的渲染和C函数的执行（如果不在外面加判断的话：{isShowC && <C />}）。当到了C组件的时候，会浅比较C组件前后props值。如果props每一个属性值都一样，会跳过函数组件C的执行，减少了不必要的渲染，达到了性能优化。…