不管是服务端渲染还是服务端渲染衍生出的同构应用，现在来看已经并不新鲜了，实现起来也并不困难。但是社区上相关文章质量良莠不齐，很多只是“纸上谈兵”，甚至有的开发者认为：同构应用不就是调用一个 renderToString（React 中）类似的 API 吗？

对于前端资讯比较敏感的同学，可能这两天已经听说了 GoogleChromeLabs/quicklink这个项目：它由 Google 公司著名开发者 Addy Osmani 发起，实现了：在空闲时间预获取页面可视区域内的链接，加快后续加载速度。如果你没有听说过 Addy Osmani 大神的名号，但对于他的多篇演讲或文章：

现在关于 React 最新 v16 版本新特性的宣传、讲解已经“铺天盖地”了。你最喜欢哪一个 new feature？截至目前，组件构建方式已经琳琅满目。那么，你考虑过他们的性能对比吗？这篇文章，聚焦其中一个小细节，进行对比，望读者参考的同时，期待大神斧正。

React Component Render => JSX => React.createElement => Virtual Dom

在 React 组件中，调用 this.setState() 是最基本的场景。这个方法描述了 state 的变化、触发了组件 re-rendering。但是，也许看似平常的 this.setState() 里面却也许蕴含了很多鲜为人知的设计和讨论。

熟悉 React 技术栈的同学，想必对 Redux 数据流框架并不陌生。其倡导的单向数据流等思想独树一帜，虽然样板代码会有一定程度上的增多，但是对于开发效率和调试效率的提高是显著的。同时还带来了很多诸如 “时间旅行”，“ undo/redo ” 等黑魔法。

参加或留意了最近举行的JSConf CN 2017的同学，想必对 Next.js 不再陌生， Next.js 的作者之一到场进行了精彩的演讲。其实在更早些时候，由 Facebook 举办的 React Conf 2017，他就到场并有近40分钟的分享。但两次分享带来的 demo 都是 hacker news。我观察 Next.js 时间较长，看着它从1.x 版本一直到了今天的 3.x，终于...

在 javascript 语言中，关于 this 这个关键字的行为一直以来困扰着一代又一代初级开发者。同时 this，也充分反应了 javascript 的诡异与灵活。

之前分享过几篇关于React技术栈的文章： 做出Uber移动网页版还不够 极致性能打造才见真章 解析Twitter前端架构 学习复杂场景数据设计 React Conf 2017 干货总结1: React + ES next = ♥ React+Redux打造“NEWS EARLY”单页应用 一个项目理解最前沿技术栈真谛 一个react+redux工程实例 ...... 今天再来同大家讨论 React 组件...

之前分享过几篇关于React技术栈的原创文章： 解析Twitter前端架构 学习复杂场景数据设计 React Conf 2017 干货总结1: React + ES next = ♥ React+Redux打造“NEWS EARLY”单页应用 一个项目理解最前沿技术栈真谛 一个react+redux工程实例 ...... 今天进一步剖析一个实际案例：Uber APP 移动网页版。 如果你对React技术栈没...

前几天刷Twitter，发现Nicolas（Engineering at @twitter. Technical Lead for Twitter Lite）发布了这么一条推文：

从解这道题目出发，我会谈到数组的Reduce方法，ES6特性和Redux数据流框架中Reducer的命名等等。一道典型的题目，却如唐代诗人章碣《对月》诗中所云：“别有洞天三十六，水晶台殿冷层层。”

一直在学习研究react.js，前前后后做了几次分享。并在我参与的公司产品私信项目也使用了这套技术栈 。学习过程期间，感觉react+redux初级DEMO不多，社区上多是用烂了的todolist教程，未免乏味。