转载

和我一起实战学习 react

kodo

和我一起实战学习 react

react UI Library !!! 欢迎大家关注我的trello: https://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

关注微信公众号

和我一起实战学习 react

开通于2016年,内容起于前端而不止于前端,欢迎大家关注

MIT

原文  https://github.com/mulgore/kodo
正文到此结束
Loading...