分享：最近在学 Meteor 结合 React，使用 FlowRouter 做路由和 react-layout 布局，以及 Semantic-UI 界面

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Meteor Official Site

› http://www.meteor.com/

› Follow @meteorjs on Twitter

这是一个创建于 3256 天前的主题，其中的信息可能已经有所发展或是发生改变。

之前在公司打杂的，因为做的事太杂，所以不得不经常学一些东西（但是也爱好，呵呵）。

最近有一个迫切的压力让我尽快学习 Meteor 结合 React （以及其他相关前端的技术），这对一个只会 jQuery ，对前端各种火热技术只是初步了解的人来说，真是比较大的挑战——包括思维上的改变和克服经验的不足。

于是白天继续打杂搬服务器，装电话线……晚上看资料，敲代码，幸好有领路人给了不少资料，大大减少了学习时间。

我发现网上分别讲 meteor 、 react 等的资料都挺多的，但貌似还没有找到一篇中文的，并且专门讲如何把这些技术结合起来的文章，所以写完代码就整理了一份文档，以帮助和我一样入门的 V 友。

已经使用到的技术清单

Meteor 基础开发框架(以及自带的 MongoDB ， accounts-ui,check 等 packages)
Meteor-React 前端库
FlowRouter 客户端路由
react-layout 结合 FlowLayout 实现 react JSX 的布局
Semantic-UI 前端界面库
其他 Meteor 插件

地址：
https://github.com/my101du/meteor-react-flowrouter-semantic-singledog

完全是学习入门的潦草形态，没有考虑到代码的整洁和“最佳实践”（这个词我一直觉得莫名其妙），并且 bug 繁多，请高手指出我可以继续提高的方向和技巧。

7 条回复 • 2016-01-23 21:04:38 +08:00

min

2016-01-23 00:58:32 +08:00

Semantic-UI github 上面 open issue 好多啊，不知道 lz 有没有遇到什么比较难搞的 bug 。

最近有项目也想用它。

russj

2016-01-23 01:16:10 +08:00

我觉得还好
我这里也有个 Meteor React FlowRouter Semantic-UI 的例子
https://github.com/leijing7/meteor-react-example

chemzqm

2016-01-23 01:31:29 +08:00

这几个框架都蛮重的

my101du

2016-01-23 08:59:10 +08:00

@min 只是刚刚熟悉组件的使用而已，还没有用到实际项目中，所以暂时未发现 bug （ React 集成的时候，遇到过 menu 里的 dropdown 弹不出来，和布局变形问题）

my101du

2016-01-23 09:00:10 +08:00

@chemzqm 在本地一运行 meteor 命令，一会儿就 800M 内存没有了（进程表里是 node ），这也不能怪 meteor …… 基于 node 的貌似都这样。

my101du

2016-01-23 09:03:39 +08:00

@russj 向你学习。代码比我写的好太多了。

hantsy

2016-01-23 21:04:38 +08:00

不错