备注:由于目前没有上 React 的打算,本文暂时太监
之前一直使用 VueJS 进行开发,心血来潮想换换口味,于是就借着自己的一个开源的项目尝试一下 ReactJS , 代码分为两部分,如下:
TODO:
本文目录
前端开发,是最近几年才出现的独立工种。
在我的印象中,以前的人很少会区分前端和后端,现在的前端的职责往往是由后端的人顺手做掉的。当然,这种界面一般情况下都比较丑。
后来,随着浏览器的功能越来越强大,性能越来越好,用户对于界面要求也就越来越高。甚至到后来,对于用户界面的操作的复杂程度要求也越来越高。 传统的后端渲染 Template + 简单的 Ajax 不能满足要求了。
要界面,要交互,要复杂
于是便出现了单页应用。
单页完全可以当做一个性能不是很强的,运行在浏览器中的,使用 HTML CSS JS 来编写的小型客户端。
写单页和写客户端基本一致的情况下,于是在这种情况下,前端开发在使用单页后,直接可以 Mock 数据,接着编写界面,接着调通页面的状态和操作,最后发布。
为什么选用 ReactJS 呢?
个人认为,框架是用于改善代码组织的一种约束。
不管是 Web 应用开发的早期的 HTML in PHP OR PHP in HTML, 还是中期的 MVC MTV, 还是后来的 富 AJAX 操作,还是现在的 SPA, 出现的各种框架无非就是为了解决代码组织的问题。
对后端而言,后端 WEB 框架的设计,都是为了单个模块职责过重而出现的一种解决方案:
如果业务逻辑简单到令人发指,HTML IN PHP 可以给人最大的灵活性。
当我们讨论一个框架的时候,除了基本的框架之外还必须要有大量的社区资源,那么对 React 而言,除了 ReactJS 之外,还有什么?
后台系统
- ant.design
打包构建
- webpack
路由和状态管理
- react-router
- react-router-redux
- redux
- redux-saga
为了更好的管理路由和状态,还是使用 dva 来管理比较好。
- [dva](https://github.com/dvajs/dva)
- [dva-cli](https://github.com/dvajs/dva-cli)
开发构建工具
- [roadhog](https://github.com/sorrycc/roadhog)
官网的要点
编写 React 的时候,我选用了 dva 框架配合 ReactJS 来编写单页。
参考 FB 的这篇教程后,梳理了我编写组件的步骤 https://facebook.github.io/react/docs/thinking-in-react.html :
ChangeLog: