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
.gitignore #ignore里面的文件和文件夹，不做commit
git status
git add .
git commit -m 'add some packages'
git push # git push origin master
参考 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 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/webpack-demo/git
https://coding.net/u/luckyyang/p/leaderboard/git
https://coding.net/u/luckyyang/p/hellobooks-finished/git
https://coding.net/u/luckyyang/p/hellobooks-unfinished/git
完成这个项目的效果：
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 评论
上面的效果基于下面的这个项目来做