React语法开发微信小程序

从16年微信小程序内测的时候至今,微信小程序用实践证明了自己的创新和价值,微信小程序的规则也在社区的影响下变得更加完善。

但是不得不说,用惯了VSCode,官方的开发工具确实不怎么好用。之前没有接触过小程序开发,这次用了一两个星期的时间,大致熟悉了开发模式和流行的开发框架:Vue规范的uni-app、类Vue规范的wepy、近Vue写法的mpvue、O2实验室遵循React规范的Taro。

因为个人比较熟悉React和TypeScript,最后选择了Taro。不得不说使用框架开发小程序真的太爽了,感谢下Taro的开发者们。他能解决以下几个问题,编辑器、语言、调试、UI:

1、能使用VSCode编辑器开发,不用去适应小程序的编辑器,配合格式化插件Prettier,能有效控制团队代码规范。以及各种其他插件,各种方便。偷懒是程序员进步的根本动力。

2、React+TypeScript能大大的提高开发效率和降低Bug率。真的是大大的提高,能使用jsx写模版和TypeScript的智能提示。如果你熟悉React的话,能轻松无痛过渡到小程序开发。

3、调试,还是要吐槽一下原生的开发工具,UI调试的时候真的太难用了:元素选择慢;直接写css没有代码提示;而且无法查看伪元素(after、before)但是css中是可以写的。平时用惯了Chrome DevTools,对这种降低效率的工具有点无法接受。好在Taro可以编译H5和微信小程序,这样可以同时开启微信小程序调试和Chrome DevTools,两端一起预览,虽然会有一些差别,但是能及时发现以做好兼容小程序。

4、UI框架,其他的UI框架没有怎么了解,主要说一些Taro-UI,他包含了大部分交互所需组件。通过覆盖scss,基本上可以只保留交互效果,完全定制属于自己的主题,除了官方说的定制方法,完全可以自己定制到 类名 级别,原理就是选择器优先级覆盖,但是会有一些问题,比如升级UI框架版本的话,可能有影响。同时因为微信组件样式作用域的关系,覆盖代码要放在pages层级。

你可能感兴趣的:(个人积累,1024程序员节)