react技术栈

yarn add react react-dom redux react-redux react-router-dom react-router-redux@next history  redux-thunk 

webpack

yarn add webpack webpack-dev-server html-webpack-plugin --dev

babel

yarn add babel-core babel-preset-es2015 babel-loader babel-preset-stage-0 babel-preset-react babel-plugin-transform-decorators-legacy --dev

图片和less

yarn add css-loader style-loader less-loader less file-loader url-loader --dev

轮播图插件

yarn add react-swipe swipe-js-iso --dev

react动画

yarn add react-addons-css-transition-group

fetch

yarn add whatwg-fetch es6-promise

koa

yarn add koa koa-router koa-cors  koa-bodyparser nodemon

服务端接口

| 方法 | 路径 | 作用 | 返回值| | ------------- |:-------------------------- |: -----| ------| | post | /api/login | 登录 | {nickName:''} | | get | /api/getLessonByUser/:user | 获取当前用户课程列表 | [{lessonName,url,timer,location,long,lessonId}] | | get | /api/getLessons/:type/:limit/:offset | 获取对应类型的课程 |{hasMore,lessons:[{url,lesson,lessonId,price}]}| | get | /api/getSliders | 获取轮播图数据 |[]|