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

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

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

本文分为以下几个部分:

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

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

原文发布于微信公众号 - 星流全栈(MeteorFullStack)

原文发表时间:2016-02-29

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Golang语言社区

如何使用golang实现操作键盘按键

https://godoc.org/github.com/nsf/termbox-go 这个库可以支持 简单示例: package main import...

52950
来自专栏用户3030674的专栏

Android 全局使用第三方字体

    将文件放入工程assets目录下。(一般个人习惯单独命名一个文件夹放字体文件,也可直接放入根目录,但记得改引用路径)

39320
来自专栏上善若水

013 mysql 忘记密码,修改密码

启动:sudo service mysql start 停止:sudo service mysql stop

11450
来自专栏Android 开发者

Android Oreo 可下载字体

20330
来自专栏王磊的博客

EasyUI中那些不容易被发现的坑——EasyUI重复请求2次的问题

问题控件:datagrid、combobox、所有能设置url属性的控件 问题版本:1.4.4、1.4.5(之前的版本没测) 问题如图: ? 重复请求2次,错误...

34950
来自专栏vue学习

12、vue-awsome-swiper与轮播图组件

1、上篇我们为了便于展示,把头部my-header组件放在了App.vue页面,现在我们删掉App.vue里面的头部组件然后我们在view文件里面新建一个hom...

44030
来自专栏liulun

在VSCode中编辑HTML文档时,在Dom标签上写style属性时智能提示的问题

首先在VSCode中打开一个HTML文件 然后点右下角的“选择语言模式” image.png 然后点击配置HTML语言的基础设置 image.png 然后在...

23780
来自专栏大前端开发

使用mpvue开发小程序教程(三)

在上一篇文章中,我们熟悉了一下通过vue-cli生成的mpvue工程代码骨架的基本结构,大致了解了每一个部分的代码到底要放到何处。从本文起我们就开始涉及真正的编...

42130
来自专栏GreenLeaves

JavaScript之将JS代码放在什么位置最合适

1.放到<head></head>标签里面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/...

21870
来自专栏deepcc

简单的滑动条

403130

扫码关注云+社区

领取腾讯云代金券