之前有一点React的经验,觉得React Native不过就是把React到Web DOM的映射换成了React到android Native的映射,用html CSS javascript写Android程序应该是挺简单的。一直知道RN但没有行动过,有个机会体验一把,真正做起来发现还是不容易的。
0、难配置,Android Studio像极了Eclipse,是那种看上去就觉得好难的界面 : ( 果然,gradle就像webpack一样折磨人,几次想放弃,终于配置完毕,已经没有力气写程序了。
1、准备工作结束,开始编码,没有了<div>和<span>,到官方文档学习才知道Native用的是<View>和<Text>,又继续学了其他文档,导航不太一样,不用管url了,大部分和React思路差不多。之前用AntD知道它也有Mobile版本,而且说适用于React Native,结果发现示例程序全是div,要自己去重写……
2、调试过程,体会到了顶配开发机和大屏幕的重要性,可怜的12寸的Surface上开了Chrome、Navicat、Putty、VS Code、Android Studio、Pixel Android虚拟机……具体调试方法还不太习惯,之前疯狂console.log的习惯要改改了......
3、被阿里云坑了,自己在nginx的配置文件里改来改去,怎么都不能在虚拟机中fetch到8080端口的api,更没有指向性的错误提示,最后fetch之前web项目的服务端却可以连通(映射到外网80端口),感觉是端口的问题,百度一下,果然只开了3306、80、22、443等端口,添加8080的安全组配置之后,终于能访问了。
4、感觉过不了多久,R键就要坏了,虚拟机重载JS的方式竟然是连按R键;调dev悬浮窗的方式是在控制台打模拟键码输入的命令(在真机上是摇一摇??).......
5、网上这方面的资料不是很多https://github.com/MarnoDev/react-native-open-project 列举了很多开源优秀RN程序,但是一大部分都不再维护了,用的是以前的navigation组件,最新推荐的是react-navigation,很多方面还是处于慢慢试探的阶段。
6、总结:继续加油......现在写node和sql比写react和css熟练(相对的,总体都很弱),争取平衡一下技能树,早日胜任前端的工作......