/reactQa

React问答APP,通过react+gulp+es6+node开发

Primary LanguageJavaScript

react问答app

React问答APP,通过react+gulp+es6+node开发

## 项目说明

  • 项目构建的脚手架使用的是 [gulp + react]
  • 本项目使用ES6语法

## 如何开始

clone到本地

> git clone https://github.com/TimeDe/reactQa.git

安装依赖

> npm install

运行开发环境项目

> gulp serve

在本地查看效果

在浏览器打开localhost: 3000

## ES5和ES6写法的不同点 创建组件

# ES5
Var AppComponent = React.createClass;

# ES6
class AppComponent extends React.Component{ }

定义组件初始化状态

# ES5
getInitialState: function(){
  return {
    name: 'ck'
  };
}

# ES6
constructor(props) {
  this.state = {
    name: 'ck'
  }
}

箭头函数

# ES5
Var getRangeRandom = function(low, high) {
  return Math.floor(Math.random() * (high - low) + low);
}

# ES6
let getRangeRandom = (low, high) =>  Math.floor(Math.random() * (high - low) + low );

## Git命令说明

# 查看更改的文件
git satus

# 添加所有更改的文件进入本地暂存区
git add -A

# 提交暂存区到仓库区
git commit -m " message "

# 将本地仓库更新到远程仓库
git push

# 强制删除本地分支
git branch -D gh-pages

# 使用git的subtree将已有项目的某个目录分离成独立项目
# 并推送到分支 gh-pages
# prefix指定本地推送的目录
git subtree push --prefix=dist origin gh-pages