weui-react项目实战新心得

weui-react简介

背景介绍

使用心得

具体的入门使用方法我就不介绍了，很简单，看官方文档。其实，现在的前端框架使用都是很简单的，基本都是npm install 、然后就是import 搞定，这是前端这些非常明显的进步。

升级到ES6

weui-react使用的前提是对react有一个基本认识，weui-react使用的是es6的语法，如果大家还在使用es5，依然是可以兼容的,但还是强烈建议大家还是切换到es6，这个是趋势，真的比es5的语法好很多，对于我们这种后端开发人员，es6的语法还是感觉很亲切的。

多看官方示例，文档基本没什么意义

weui的官方文档，相比开放平台的文档，还是有不少差距的，单是好在weui本身就是一个很简答的框架，使用起来也没有太大的问题，主要还是通过示例去了解使用方法，具体的文档说明，基本可以忽略。

使用wepack提升工作效率

使用时，强烈建议以webpack作为构建工具，虽然入门需要点时间，但是熟悉后真的是事半功倍。

react-router

单页面开发的时候，都会有很难点，就是页面间的路由，react还是推荐使用react-router,新旧版本的使用还是有些差别，建议直接用最新版本，虽然资料少了点，但是英文文档还是挺清晰的。这里可能要多换点时间调试。

界面预览

最后

代码地址：https://github.com/itmifen/bookdrift

现在还在做后端接口的开发，逐渐会完成前后端的代码，前后端的代码都会全部开源。欢迎fork。

欢迎大家关注我的公众号交流、学习、第一时间获取最新的文章。

微信号：itmifen