react UI Library !!! 欢迎大家关注我的trello:trello.com/b/L6ohrKhq来了解第一阶段需要实现的组件。UI设计部分原则上跟随iOS的设计,你可以查看UI and Design来获取UI设计的帮助,但是大部分的参考还是从Amazeui和weui而来。
How Run
通过命令npm install来安装所需要的依赖环境,你可以运行npm run dev来构建kodo项目,运行npm run dev-server来启动一个服务器。
如果你使用了npm run dev-server,你还需要在启动命令之前安装nodemon(建议全局安装)。
watching这个项目,来接收大家的学习进度和互动信息
你可以收获什么
通过这个项目可以从实战的角度了解react,并且熟练的应用。kodo项目只利用了react自身提供的状态机机制来完成UI的变化,不引入其他任何react生态库,所有的组件都有其自身的属性来完成,并且使用ES6编写。(所以在这里仅仅是更纯粹的学习react而不是其他redux,react-router等)。
- 了解如何构建一个基础的
react项目 - 知道如何用es2015来编写
react组件 - 知道在简单的场景下,该如何使用state
- 运用函数编程
- 最重要的是你可以和其他人一起互动来完成这个项目,有任何问题都可以在kodo issues中进行反馈,共同进步。
参考部分
- css样式参考了Amazeui,weui的部分UI样式
- 使用了normalize.css来初始化css
关注微信公众号
开通于2016年,内容起于前端而不止于前端,欢迎大家关注
MIT
