从 setState 那个众所周知的小秘密说起… 在 React 组件中，调用 this.setState() 是最基本的场景。这个方法描述了 state 的变化、触发了组件 re-rendering。但是，…

从0实现一个tinyredux 讲真，redux已经很小了，去掉注释代码也就300行吧， 大家可以去读一下， 注释写的也是非常详细了。redux 更多的是对思维上的变化：数据改变 + 视图更新 二者分开，各自管理自己。而…

路由 npm build cnpm i serve -g cnpm i react-router@3.0 -S bogon:project macbook$ cnpm i react-router@3.0 -S …

由于create-react-app中没有内置sass或者less这种预编译的工具, 这篇文章即为如何添加sass或者less工具. 暴露webpack配置 首先全局下载create-react-app, 创建一个项目,…

什么是虚拟DOM 虚拟DOM可以说是现代前端库的标配了，好像你一个前端框架不实现一个虚拟DOM出门都不好意思跟人打招呼，那么到底什么是虚拟DOM呢？ 根据百度百科：文档对象模型（Document Object Model…

一、react-transition-group 一个官网提供的动画过度库。 搜索了网上关于react动画的，很多的答案都是很久以前的了老版本了，而现在官方提供的是叫react-transition-group 它是以前…

前言 人是很懒惰的，你刚开始建立的一个规规整整的项目，可能一段时间过后，就回被你无数次的提交代码弄得凌乱不堪。就算你能保证你的编码风格严谨统一，别人又该如何，每个人都有不一样的编码风格，要保持统一，就要对项目进行适当的管…

axios axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。在前端框架中的应用也是特别广泛，不管是vue还是react，都有很多项目用axios作为网络请求库。我在最近的几…

距离上一次更新已经有半个月了，这半个月来主要在忙两件事：一个是最近老板给了个自动化测试任务，另一个是和学校的弟弟一起搞一个微信小游戏…emmmm！其实主要是懒！！！ 本篇是作为上篇的续集，不知道看过上篇的小伙…

当多个路由使用同一个组件的时候，切换路由的时候，页面组件不重新构建，页面也不刷新当切换路由的时候，只是重新render，并不重新构建，如果需要路由切换的时候，组件重新构建，重新完成一次生命周期，则需要给组件加上key 路…

按需加载配置 npm install react-app-rewired@2.0.2-next.0 babel-plugin-import --save 在项目根目录下新建config-overrides.js cons…

标题党了哈哈哈~~~ 原文地址 相信很多人和笔者从前一样，babel的配置都是从网上复制黏贴或者使用现成的脚手架，虽然这能够工作但还是希望大家能够知其所以然，因此本文将对babel（babel@7）的配置做一次较为完整的…