雨田666

大家都在说，前端的变化太快了。每当前端有新的进展，同行都会调侃，别更新了，学不动了。变化太快，快在哪里，那些发生了变化，我从自己说短不长的三年前端开发，来反映这些年的变化。 虽然只有刚刚三年开发经验，但是因为有外包的经验，历经过大大小小的项目。这些项目中既有使用最新的技术，也有…

state是跟UI相关的，组件的任何UI改变都可以从state的变化中反映出来。state代表一个组件UI呈现的最小状态，没有任何多余的状态，也不应该存在通过其他状态计算而来的中间状态。 1. 不能直接修改state 2. state的更新是异步的 调用setState并不会立…

组件可以按不同角度做分类，这次从表单元素的使用开始。不同于div、span等元素只需根据状态来展示内容，表单元素自身可以维护一些状态，但是默认不受React控制。比如，一个input输入框，会随用户的输入而改变。这样的交互行为明显违背了React的基本原则--状态的改变必须通过…

React 元素的事件处理和 DOM元素的很相似。但是有一点语法上的不同: React事件绑定属性的命名采用驼峰式写法，而不是小写。 JSX 中事件绑定的回调函数中，this并不会指向React组件实例。尽管ES6规范中，class类的方法中，this默认指向类的实例，单如果单…

props是组件对外暴露的接口，所以接口类型很重要，否则不利于组建的复用。React提供了校验的方法。

 结果对比：578k-->52K参考文章 ： https://imys.net/20161217/webpack-use-lodash.htmlhttps://zhuanlan.zhihu.com/p

众所周知，react一般会借助react-router来开发单页应用（spa）,这样浏览器就不会完全刷新，对用户视觉体验上非常好，这也就是现代web开发的常态，开发一个应用（application），而不是仅仅是页面（page，古老的web页面）。 2018年，react-ro…