我们在设计组件之前本来是有一个流程和过程的，这里我写的组件并不会像社区内的组件库一样完善或者说一定考虑很完整，但是这样也会有一个好处，可以按照自己项目的需求进行定制、扩展以及冗余的代码会更少，当然很多时候节约的这点代码可以忽略不计(特别是项目业务代码和库的代码比例上升到一定比例过后，所以一切不说场...

前言 React 导读（一）React 导读（二） 在之前 2 篇文章中中学习到了写第一个 Web 组件以及常用的生命周期函数的使用，这篇文章将继续之前的目录，开始新的知识点补充： [x] React 如何编写 Hello World! [x] React 中三个最基础、最重要的东西 [x] React 中的 JSX [x] 你的第一个 Web 组件 [x] React 中最开始需要关注...

前言 在上篇文章React 导读（一）中学习到了写第一个 Web 组件，这篇文章将继续之前的目录，开始新的知识点补充： [x] React 如何编写 Hello World! [x] React 中三个最基础、最重要的东西 [x] React 中的 JSX [x] 你的第一个 Web 组件 [ ]React 中最开始需要关注的生命周期 [ ]React 一个组件集合的简单交互 [ ]React ...

写这篇文章的主要目标是让初学者更快的上手 React 的项目开发，能有一个循循渐进的理解过程。需要有一定的 JavaScript 基础和 NPM 的使用经验。不多说了，下面会按这个顺序进行介绍：

模式是一种规律或者说有效的方法，所以掌握某一种实践总结出来的模式是快速学习和积累的较好方法，模式的对错需要自己去把握，但是只有量的积累才会发生质的改变，多思考总是好的。(下面的代码实例更多是 React 类似的伪代码，不一定能够执行，函数类似的玩意更容易简单描述问题)

前言 今天有朋友问了 “KeyMirror” 这个库有什么用的问题，其实这个问题并不难，这里扫一下盲区。 会按照下面这个逻辑来展开，彻底理解一下： KeyMirror 有什么用？ Google Closure Compiler 是什么？ KeyMirror 解决了什么问题，好处是什么? KeyMirror 的源码是什么样子？ 用 Gulp 配置一个压缩任务，测试一下 Google Cl...

其实这个问题是说的不完整（ 或者原文说的太简单 ），因为你能在组件中存储数据的方式还有两种：static 和 this.（其实就是静态数据，还是类的实例数据）

我想找一个好的前端前端框架，找了很久。这个框架将能够帮助我写出具有可扩展性、可维护性 UI 的代码。通过对 React.js 优势的理解，我认为“我找到了它”。在我大量的使用过程中，我发现了一些模式性的东西。这些技术被一次又一次的用于编程开发之中。此时，我将它写下来、讨论和分享这些我发现的模式。

熟悉 React 的思想后，我们先来尝试开发一个单纯的小组件，可以对比一下是不是比以前的开发模式更加舒适了，这里我主要以一个 Loadding 组件来举栗子，实现了几个基本的功能：

今天群里面有很多都在问关于 React 组件之间是如何通信的问题，之前自己写的时候也遇到过这类问题。下面是我看到的一篇不错英文版的翻译，看过我博客的人都知道，我翻译可能不会按部就班，会尽可能用中文的意思，来将作者要讲述的技术描述清楚。英文能力有限，如果有不对的地方请跟我留言，一定修改……^_^