搭建 React 开发环境

系列第二篇，来看看基于 React 路由分块的页面加载优化。 原文地址：Progressive Web Apps with React.js: Part 2 — Page Load Performance 原文作者：Addy Osmani 译文出自：掘金翻译计划 译者：mark…

除了代码维护性的问题，项目代码膨胀导致的一个问题是基础库、公共资源的变大，从而导致页面加载性能日益下降。在使用 React 时，也第一时间考虑到对加载性能的影响，本来页面就要等待 ajax 返回数据，页面会不会因为 React 的引入变得更慢呢？不要说 React 那点大小根本不是事儿，在移动网络下（包含 2G 啊 T_T）任何资源都是很珍贵的。有没有同时提高代码维护性，又能提升页面加载速度的好事呢？答案终于回到主题，就是在服务端渲染 React。

一直想写一下我在 React Native 原生模块封装方面的一些经验和心得，来分享给大家，但实在抽不开身，今天看了一下日历发现马上就春节了，所以就赶在春节之前将这篇博文写好并发布 (其实是两篇：要看 iOS 篇的点这里《React Native iOS 原生模块开发》)。

用 React 写一个 web 留言板应用，适合 React 入门

由于 React 加持了虚拟 DOM 等诸多特性，所以在 React 上实现常规的动画效果有一些特别之处。本文不会深入探讨 React 对动画的处理逻辑，只会简单地演示如何在 React 创建动画效果，因为我也没有做过线上的 React 动画实例，谨以此文抛砖引玉，算是最基础的入门了解。

在 React 中，数据流是自上而下单向的从父节点传递到子节点，所以组件是简单且容易把握的，他们只需要从父节点提供的 props 中获取数据并渲染即可。如果顶层组件的某个 prop 改变了，React 会递归地向下遍历整棵组件数，重新渲染所有使用这个属性的组件。