数据存储
集合(Collection)是Meteor存储持久化数据的方式。Meteor 中的集合比较特殊的是,它可以从服务端,包括客户端接收数据。这使得编写视图逻辑变得更加简单 -- 不用去写太多的服务端的代码。它也可以自动的自我更新,因此一个视图组件受到一个集合的支持,他可以自动的展示最新的数据。
继续阅读 »
JSX和HTML
在JSX中,可以像通常使用HTML标签那样使用它们,也可以自定义标签,例如:
javascript
React.render(
welcome to react world,
document.getElementById('example')
);
继续阅读 »
例子中的React版本为v0.14.2.
示例目录结构如下:
- libs/
- react/
- node_modules/
- src/
- main.js
- gulpfile.js
- index.html
- bundle.js
- package.json
继续阅读 »
事件处理
React中的事件处理方式与HTML方式类似,都是通过为标签添加属性来声明事件处理函数。如下所示:
```javascript
var LikeButton = React.createClass({
getInitialState: function(){
return {like: true};
},
handleClick: function(){
this.setState({like: !this.state.like});
},
render: function(){
return (
继续阅读 »
通过发布订阅模式过滤数据
现在我们已经把应用中比较敏感的代码放到了一些方法里面,我们还需要学习Meteor安全故事的另一半内容了。
到现在为止,我们一直是假设整个整个数据库到客户端上,这意味着我们调用Tasks.find()方法我们将会得到集合中所有的数据。如果我们应用程序的用户想要保存私密敏感信息的话,这样做并不好。我们需要一种可以控制数据的方法,使Meteor发送所需数据到客户端数据库
继续阅读 »
this.props
在React中,可以通过this.props来传递参数,看下面的例子:
```javascript
var OuterComponent = React.createClass({
render: function(){
return (
This is a message
first message
second message
继续阅读 »
下一步干什么?
恭喜你刚刚成功编写了你的Meteor应用,别忘了再部署一遍,这样你的朋友们就可以使用这些新特性了!
你的应用在一个单个的任务清单中是支持合作的。试试怎么样添加更多的功能。检查一下例子--待办事项。更多的可以控制分享多个列表的已完成应用。同时,试一下本地市场,跨平台定客户互动应用,展示原生硬件功能和社交功能
继续阅读 »
部署你的应用
现在你有了一个可以运行的待办事宜的应用,你可以分享给你的朋友们!
Meteor使得发布你的应用到其他人可以使用的互联网变得非常的简单。
同样是在你的应用文件夹的命令行中输入:
meteor deploy my_app_name.meteor.com
继续阅读 »
确认完成和删除任务
到现在为止,我们只有一个和集合互动的方法 -- 在文档中进行插入操作。
现在,我们来学习如何进行更新和删除操作。
先来给task组件添加两个元素: 一个确认选框和一个删除按钮,并给他们带上各自的事件监听
继续阅读 »
2月份开始接触 React.js,主要是为了之后学习 React Native 但是现在开源的IOS端只能在OSX下才可以进行开发,然后Android端好像在10月份才开源
继续阅读 »