1. 初步了解React生命周期 React生命周期可以分为挂载、更新、卸载三个阶段。主要可以分为两类： 组件的挂载是最基本过程，这个过程主要做初始化。在这初始化个过程中componentWillMount会在render方法之前执行，而componentDidMount方法会…

博客地址：地址Github项目地址:地址创建项目创建目录结构安装Webpack编写Webpack配置文件在config目录下新建文件：我们先来写开发环境下的webpack.config.dev.js一

现在(2018年)react在前端开发领域已经越来越🔥了，我自己也经常在项目中使用react，但是却总是好奇react的底层实现原理，多次尝试阅读react源代码都无法读下去，确实太难了。前不久在网上看到几篇介绍如何自己动手实现react的文章，这里基于这些资料，并加入一些自…

这个脚手架会自动帮助我们搭建基础工程，同时安装React项目的各种必要依赖，如果在过程中出现网络问题，请尝试配置代理或使用其他 npm registry。 需要对整个项目重新配置，这里使用了react-app-rewired （一个对 create-react-app 进行自定…

高阶组件在React应用中，非常非常重要。空有一个想学好React的心，却没有一个好的教程。希望这篇文章可以帮组到你，把React学的更好。通过这篇文章你可以学到高阶组件的定义及原理、高阶组件在项目中的常见应用、通用高阶组件如何封装以及继承方式高阶组件和代理方式高阶组件。 cr…

本次系列分上下两篇文章，上主要介绍从v16.0~ 16.4的新特性，下主要介绍16.5~16.8。下面就开始吧~ 本篇文章较长预计需要15min（当然主要是因为demo太多），大家可以搞点瓜子边啃边看。最好能留出一只手自己在codePen上自己调试一下。 React 15: 只…

我的思路是直接递归,写成一个函数式组件. 有不对之处请留言,会及时修正,谢谢阅读.

注意:下文中,反复提到"实例"一词,如无特别交代,它指的是第三篇章的instance的这个概念。 在react中，“component”概念可以理解为一个身份的象征。假如我们将root virtual DOM节点比作virtual DOM世界的周天子的话，那么“componen…

在使用React和React-router实现单页面应用时，会有这样一个场景：从列表页面点击某项条目进入详情页，然后回退至列表页面时，列表页面会重新刷新，不仅数据重新获取了，滚动条也回到了顶部。用户要继续查看剩余数据的话，需要重新滑动到之前点击的那个条目，如果列表做了分页的话就…