Awesome Open Source
Awesome Open Source

多用户任务管理系统

Build Status

采用的技术

  • 基于 @ngrx/store@ngrx/effects 管理状态以及状态产生的影响。并且使用 @ngrx/entity 减少了 reducer 的重复代码。
  • 使用 rxjs 实现响应式编程
  • 使用 lettable 操作符,让 rx 的依赖更小
  • 使用 json-server 生成原型 REST API
  • 使用 @angular/flex-layout 作为布局类库
  • 使用 @angular/material 为界面组件库以及实现界面主题
  • 使用 @angular/animations 完成动画
  • 封装了若干自定义组件、表单组件、指令、管道等
  • 使用 karma 进行单元测试:组件、服务、 effectsreducer 等。

开发工具链

  • 使用 yarn 作为包管理工具
  • 使用 @angular/cli 作为脚手架
  • package.json 中使用 concurrentlyjson-serverng serve 一起启动了

安装

  1. fork 这个项目
  2. git clone 项目
  3. cd taskmgr
  4. yarn install
  5. npm start 或者 yarn start 启动前端和 json-server ,在浏览器中访问 8000 端口
  6. npm run start:ssr 启动服务端渲染版本 (Server Side Rendering)

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
typescript (12,087
angular (1,327
redux (1,183
material-design (670
rxjs (161
ngrx (63