Skip to content

使用es6+koa2+graphql+react+redux+webpack2+gulp实现的todo

Notifications You must be signed in to change notification settings

lgwebdream/todos

 
 

Repository files navigation

TODO

简介

Todo的增删改基本功能,参考 React Todo样式 使用语言:es6
后台:koa2 + graphql + mongodb + gulp (ps:mongodb host:localhost, port: 27017)
前端:React + Redux + less + webpack2


基本命令

  • 开发环境执行编译: npm run builddev
  • 生产环境执行编译: npm run buildprod
  • 测试: npm run tests
  • 启动服务: npm start

项目结构

todos           # 项目根目录
├── build         # 目标目录
├── config        # webpack配置目录
├── node_modules
├── src/             # 源码目录
    ├── app         #  前端源码
        ├── actions    # 创建action函数目录
        ├── actionTypes    # 定义ActionType 
        ├── apis     # 请求后台graphql接口 
        ├── components  # 组件
        ├── config # 前端配置文件
        ├── reducers   # 响应Action
        ├── styles # 通用样式
        ├── app.js  # 
        ├── index.html
        └── routers.js # 路由
    └── server      #  后台源码
        ├── config  #  后台基本配置
        ├── controller # 路由 
        ├── data  # graphql目录,schema定义和resolver
        ├── models  # model定义
        └── app.js 
├── test          # 单测目录
├── gulpfile.js
├── package.json
├── postcss.config.js
└── wepback.config.js

About

使用es6+koa2+graphql+react+redux+webpack2+gulp实现的todo

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 87.6%
  • CSS 11.5%
  • HTML 0.9%