simple-weather, 正如它的名字一样， 提供了非常简洁的界面和基本的实时天气信息，并且带有IP定位功能。 该应用是基于 React + Redux 实现的，页面的 UI 则是使用了 Semantic-UI-React 库来完成的。 ... 天气接口: 该天气数据 A…

一个文本框用于输入，波浪图显示react app的组件渲染情况，时钟显示帧与帧之间的性能，绿色优秀，红色表示卡顿。 从这张图可以看到，随着输入的增多，时钟出现红色，性能也越来越差。主要的问题是输入与react组件的更新是同步的，输入文字之后立即更新，性能非常差。 解决的思路就是…

目前来说，使用 SVG 是为应用创建图标库的最好方法。通过 SVG 制作出来的图标是可缩放且可调整的，同时也是离散的，这意味着它们可以进行增量加载或更新。而与之相反，使用字体进行构建的图标是不能进行增量加载/更新的。仅这一点就使 SVG 图标成为了那些依赖于代码分离和增量部署的…

业余时间我也算看了不少优秀开源项目的源码比如react,redux,vuex,vue,babel，ant-design等，但是很少系统地进行总结，学到的知识非常有限，因此我一直想写一篇完善的源码解读方面的文章。 第二个原因是最近面试的过程中，发现很多候选人对redux的理解很浅…

如果你使用 React ，你可以在各个工程里面看到 Dan Abramov 的身影。他于 2015 年加入 facebook，是 React Hot Loader 、React Transform、redux-thunk、redux-devtools 等等的开发者。同样也是 R…

在软件开发的过程中Code Reuse和可读性一直是开发人员致力于解决的问题，在React社区中，以往出现了很多的Pattern来解决这个问题，例如Mixin，HOC等等。Render Props是React社区中里提出的另外的一种Pattern。由React Router的C…