meteor react 学习笔记

命令：

新建 & 运行项目：

meteor create project_name

cd project_name

meteor npm install # npm install

meteor

添加/删除包

meteor add jquery

meteor remove jquery

文件结构

client

server

both

.meteor # 一般不改变，meteor内部的文件：packages，versions，本地的数据库，meteor release版本
  可能会改：packages，release

git

.gitignore #ignore里面的文件和文件夹，不做commit

git status

git add .

git commit -m 'add some packages'

git push # git push origin master

webpack

参考 http://guoyongfeng.github.io/idoc/html/前端工程化/webpack入门及实践.html

项目实例：https://coding.net/u/luckyyang/p/webpack-demo/git

面试题

http://www.byr.pub/wordpress/2016/03/05/%E8%85%BE%E8%AE%AFomg-fe%E9%9D%A2%E8%AF%95%E9%A2%98/

webpack用过哪些loader？

css-loader, less-loader, style-loader, babel-loader

介绍一下react native

用js来开发原生应用（native app），facebook开发

react的state，props 代表什么意思？

state - 状态，可变的，一般用来控制页面UI的显示

props - 属性，不可变的，传递数据

有哪些生命周期？

https://facebook.github.io/react/docs/component-specs.html

react的初始数据加载写在哪个生命周期里？

componentWillMount()

react的ajax的数据操作写在哪个生命周期里？

componentWillUpdate（）

组件化的style是直接写在组件内部吗？

是的。参考http://andrewhfarmer.com/how-to-style-react/

module css：样式只用于自身的组件
radium + inline style：html+ inline style css混合

用过react-router redux吗

react-router用来告诉url对应的组件

redux 项目中用来管理应用的状态

项目实例

Creating an app
Add Components
Add Collections
Events handle
Data && Update

Creating an app

meteor create leaderboard
cd leaderboard
meteor npm install
meteor

meteor 和react的项目需要安装的package

meteor npm install --save react react-dom
meteor npm install --save react-addons-pure-render-mixin
meteor add react-meteor-data

Add Components

render
import { App } 和 import App 的区别
使用createContainer来给react提供数据（import { createContainer } from ‘meteor/react-meteor-data’）

Add Collections

collections前后端都会运行

Events handle

Event的处理方法要bind
react目前支持的Event：https://facebook.github.io/react/docs/events.html

Data Insert && Update

前后端都可以插入数据

参考文章：

如何给react添加样式：http://andrewhfarmer.com/how-to-style-react/
meteor官方教程：https://www.meteor.com/tutorials/react/creating-an-app
meteor guide：https://guide.meteor.com/
meteor api docs：http://docs.meteor.com/
电子书React入门教程https://www.gitbook.com/book/hulufei/react-tutorial/details
Git基础 https://github.com/mzkmzk/Read/blob/master/progit.md

作业：

完成这个项目的效果：

https://coding.net/u/luckyyang/p/hellobooks-finished/git

需要实现的功能：

1 登录

参照register的代码结构
需要添加路由参照routes.jsx中register页面的定义
参照meteor的accounts包 http://docs.meteor.com/api/accounts.html 接口 Meteor.loginWithPassword(user, password, [callback])

2 评论

上面的效果基于下面的这个项目来做

https://coding.net/u/luckyyang/p/hellobooks-unfinished/git

luckyyang/meteor_react_learning_notes.md

命令：