使用React已经三年了，在这三年里面也沉积了不少关于React代码优化的最佳实践，今天写出来和大家分享分享。 这篇文章的每一个最佳实践我都会提供两个例子，一好一坏作为对比，和提供.gif 图片预览。

React快速暴力入门 React 作为如今三大框架之一，在进行了短期的学习后，整理了一些笔记，做一下分享： （新人一个，多多包涵）

前言：写了千篇一律的React项目。突然想玩点新的花样。平时用JS比较多。但团队配合，TS才是最好的方式。所以这个小项目采用TS。再结合RecoilJs+Swr组合来打造数据处理层。单元测试说很重要，

基于两点：（一）是笔者在企业中是使用react 开发，不过有的处理问题的方案还是比较老旧。举个例子：关于redux 还是使用原始的switch 一通写，比如使用thunk要处理 网络请求的几种状态 包括 加载之前 加载中 记载异常等等，这些都要处理，会有很多相似的看起来很尴尬的…

本文接下来将深入源码，带你了解这些知识。 这，就是关于useEffect的一切。 其中，只有渲染器会执行渲染视图操作。 对于浏览器环境来说，只有渲染器会执行类似appendChild、insertBefore这样的DOM操作。 答案是：他会为需要更新的内容对应的fiber（可以…

前端技术发展太快，有些库的版本一直在升级，现在网上的搭建教程不是不全面，就是版本太低，本人综合一些教程和自己的理解，整理了一下，方便大家快速入手react框架。本教程针对刚入门和技术栈转型人员。注：（本教程写于2019-3-29，请注意版本）！！！ 本人也是半路加入react大…

自从去年9月份 React 团队发布了 v16.0 版本开始，到18年3月刚发布的 v16.3 版本，React 陆续推出了多项重磅新特性，并改进了原有功能中反馈呼声很高的一些问题，例如 render 方法内单节点层级嵌套问题，提供生命周期错误捕捉，组件指定 render 到任…

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