MeteoRain#02 — 使用Meteor Data传输数据

在上篇文章中，我们基于Meteor1.3和React搭建了一个最简单的应用。我们学习了如何通过NPM包添加React还有如何使用FlowRouter和React Mounter挂载React组件。

这篇文章中，我们继续以MeteoRain为例，讲解如何集成React和Meteor的数据系统。也就是说，我们将讲解如何通过订阅获取数据然后基于数据渲染组件。

本文分为以下几个部分：

• React Container模式
• 创建Posts集合
• 添加虚拟数据
• 发布数据
• UI组件
• 构建容器
• 渲染容器

在client目录下，我们主要有两个目录，分别是components和containers。components目录下存放的是.jsx文件，也就是实际上的React UI组件，而containers目录下存放的是.js文件，是通过composer函数处理导入的UI组件，使之能够方便地处理传入数据的逻辑。而router.jsx由于要挂载组件，用到了<component />这样的语法，所以也是.jsx文件。这里并没有完全地按照Mantra规范来执行，但是随着应用体系的增加，我们会逐步按照Mantra来规范客户端代码，从实际中体会Mantra的好处。