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层级。