介绍了八种 React 条件渲染方式。 这样对 React 渲染效率有提升。 将组件赋值到变量，就可以在 return 前任意修改它了。 但三元运算符产生嵌套时，理解成本会变得很高。 这个是最常用了，因为代码量最少。 高阶组件，就是返回一个新组件的函数，并且接收一个组件作为参数…

同时，使用FileReader对象，web应用程序可以异步的读取存储在用户计算机上的文件(或者原始数据缓冲)内容，可以使用File对象或者Blob对象来指定所要处理的文件或数据。FileReader 提供了如下 几个方法。 readAsText(file,encoding)：以…

nginx 开启 gzip 后加载速度已明显提升。。。 基于 React 的超高仿豆瓣电影 PC 版，实现了 主页，电影页，人物页，排行榜，短评页，长评页，影讯&购票页，分类页，排行榜页，搜索页，404 页。 store vs. state 本项目有一个很大的（特）缺点就是所有…

大家好，我叫李伟涛，来自凹凸实验室。今天跟大家分享的主题是用 React 开发小程序的探索之路 。 在目前市面上已经有非常多的小程序开发框架，其中的佼佼者如 wepy 以及 mpvue ，他们都是非常优秀的小程序开发框架。但是它们都有一个共同的特点，都是通过类 vue 语法的小…

React Native vs. Cordova、PhoneGap、Ionic，等等 (待翻译) 在上篇文章中，我们介绍了组件、props 和 state 。 props 和 state 的区别相当明显，确定何时使用 props 和 state 似乎也很简单。举个例子，屋顶的颜…

不得不承认 Vue 的css解决方式非常自然简洁，相比之下 css 一直是 React 的痛。 从旧宠 css modules 到 JSS 的各种衍生，到新宠 styled-components。几十种的解决方式，上百篇的教程和比较，已经说明了一切。大家一直在寻找最好的最适合自…

很长一段时间，componentWillReceiveProps生命周期是在不进行额外render的前提下，响应props中的改变并更新state的唯一方式。在16.3版本中，我们介绍了一个新的替代生命周期getDerivedStateFromProps去更安全地解决相同的问题…

整个项目大概有60+个页面，用到的组件大概150+，package里面的依赖大概有70+个，应该勉强算得上是一个中型的React的项目了。 打包时间约150s，打包完之后的资源gzip之后约1.2m，尽管之前分离了一些公用依赖，但是index包的体积达到了600+还是令人难以接…

1. 目录 2. redux简介 redux是react全家桶的一员，它试图为 React 应用提供「可预测化的状态管理」机制。 3. 安装 4. redux核心 State的变化，会导致View的变化。但是，用户接触不到 State，只能接触到View 所以，State的变化…