React DnD + React Motion 实现的一个待办任务列表
> $ git clone https://github.com/tianzhich/TasksTodo-ReactDnD-Motion.git
> $ npm i
> $ npm run start
- 结果展示
- 参考来源
-
这次没有使用create-react-app脚手架,自己用npm把流程走了一遍
-
为了学习CSS模块化和SCSS语法,项目中都有使用。但是该项目较小,不如直接使用CSS来得方便,也无需模块化
-
还有部分没实现的功能,例如一些CSS动画效果:Flipping card, 渐变等等
-
我是直接使用的react-dnd,动画使用了react-motion。后来发现还有一个更好的库:react-beautiful-dnd,封装了motion实现动画效果
-
在此基础上可以实现todo list的filter功能,以及add,delete功能,以后有空再做