weui-react项目实战新心得

weui-react简介

weui是微信官方制作的一个基础样式UI库,打造与原生微信同样的视觉和交互体验,整个UI库包括网页版和小程序版,网页版包括传统的javascript版和react版本。 个人对react的偏爱超过传统js版本,就用了react版本做为自己的核心框架。 weui-react 官网:点击这里

背景介绍

计划做一个基于图书交换平台,大家可以通过平台发布自己的闲置书籍,如有人愿意通过自己的闲置书籍进行交换,即可达成交易。 作为一个后端的开发人员,想做一些可以上线运营的项目,没有好的前端配合是很难完成的。现在越来越多的开源UI可以使用,基本上能够上手即用。 为了便于开发,把精力更多的放在业务和后端,对前端的技术栈进行了选择,基于微信的项目,我选择这样的核心框架: 基础框架:react UI框架:weui-react 构建工具: webpack 路由工具: react-router

使用心得

具体的入门使用方法我就不介绍了,很简单,看官方文档。其实,现在的前端框架使用都是很简单的,基本都是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。


原文发布于微信公众号 - IT米粉(itmifen)

原文发表时间:2018-04-01

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏IT大咖说

React Native 在卖菜公司的落地之路

内容来源:2018 年 3 月 31 日,宋小菜资深前端工程师陈锦辉在“React 技术专场交流活动”进行《RN 在卖菜公司的落地之路》演讲分享。IT 大咖说(...

1185
来自专栏BestSDK

网站分析基础——8个关键网站指标

image.png 之前的项目经验主要是集中在移动应用这一块,但是最近在进行的项目在网站方面也需要进行一些很深入的分析,所以自然也就开始了学习网站分析的历程。...

3095
来自专栏视频加密

一套完整的P2P播放系统,由哪些模块构成呢?

p2p影音技术为客户提供了越来越好的观看体验,边下边播、断点续播、节省带宽等,p2p影音播放系统越来越受用户喜爱,那么一套完整的一套完整的P2P播放系统,由哪些...

2786
来自专栏携程技术中心

干货 | 携程网络防火墙自动化运维之道

? 随着互联网技术的不断发展,在线网站的规模越来越大,防火墙作为网站的安全屏障,被大量的使用。防火墙数量的增加以及防火墙中安全策略条目的增加,安全工程师的运维...

39510
来自专栏大数据钻研

十年来,编程领域有什么重要进展?

编程语言层出不穷,然而内核是万变不离其宗。我个人看法觉得是以下几个方面的变化比较明显。 语言本身: 1. 工业标准 网页标准有 W3C 控制,尤其是浏览器的开发...

3585
来自专栏视频咖

互动直播AVSDK1.8.4版上线了

请客户前往 https://console.qcloud.com/ilvb/avSdkDownload 下载

2222
来自专栏编程软文

快速开发微信小程序

4465
来自专栏Java架构师学习

拿好这段代码,让你求职路上不再迷茫

经常有人问:“我是该学Angular还是React?该用gulp还是webpack…” 这篇文章就是要 交给大家一把钥匙,专门解答这类问题。 解答思路 PS:...

3267
来自专栏大前端开发

从编程小白到全栈开发:理解前后端

上一篇文章中让你安装的软件安装好了没?那些操作都尝试做了一遍没?没有的话,赶紧回头去再看一遍文章,动起手来吧。学编程,如果说有捷径的话,实操就是最好的捷径!

2224
来自专栏云计算D1net

私有云架构建设, 你做好准备了吗?

私有云基础架构的构成要素 随着越来越多的企业设定了构建内部云服务的目标,规划和构建企业内部云服务平台就成为IT部门的职责。每个企业都有自己特有的环境和具体的目标...

4586

扫码关注云+社区

领取腾讯云代金券