作为 nodejs 与 vue2 初级工程师的我来说,跳到 rn 开发其实还是蛮大的考验
幸得领导指导与同事帮助,从 react hook redux redux-saga react-query 一路囫囵吞枣,再到 react-navigation native-base 等 rn 的技术栈,可以说react 确实可玩性极强
有不少吐槽的地方
- react 生态没有 vue 统一,表示选择困难
- redux 开发体验并不是很好,感觉生态与插件真的是 1生2 知道无穷,
- react 和 rn 还在不断进化,而进化过程中有不少 breaking change 不能痛快地升级
- hook 众多,
- react 没有 vue 那样方便的模板与指令
- react-native 相比起来生态就平平无奇,甚至 很多模块都不太更新,兼容性直线下降。。。
不过也有我喜欢和点赞的地方
- react 的 hook 使用起来较为方便,抽象也比较方便, vue3 其实也借鉴了
- jsx 更加 贴近 js, 不像 vue 与 js 隔着比较深的强
- rn 在 js开发手机app 已经算是第一的存在了。。。 表示 vue 你还得努努力啊(有意愿否?)
- expo 在 rn相关工作还是做了很多努力的,表示十分喜欢,不然之前很多演示都是gif 甚至没有 入门表示很不能忍。。。
总而言之,react 和 rn 不愧是 大厂做派,持续更新+广泛生态,可以说值得深入理解和熟练掌握。
以下是我用到的一些技术栈
native-base
吐槽
吐槽一点就是文档有点随意,使用起来 期间也出现了一些组件bug(不知道是android 版本问题还是其他问题)
点赞
对比 antd 和 react-native-element 之后 还是觉得 native-base 设计最为优雅也完整, 包括了 我最需要的
- 主题色彩和样式定制的 hook与解决方案
- ui layout 布局相关组件,
- 较为完整的form 组件
整体使用起来还是很愉快了。
react-navigation
吐槽
react-native 的 路由管理还是没有前端方便,动态路由 嵌套路由等等不是很好搞的样子。。 (不过可能是因为我还很菜 求大神指导
redux 全家桶
吐槽
表示 redux 的插件还是需要努力学习一番才能愉快使用。。。 中文文档也很少 还是响应式更加深得我心,估计之后会转 mobx 减少开发难度。。。不过又得学新东东了。。
点赞
幸好有 reduxjs/toolkit 让我写状态更加优雅了一些些
redux 拖拽库
吐槽
表示 redux 拿来即用的拖拽库感觉还是不够丰富,性能很多还不高。。
点赞
不过也勉强够用,react-native-drag-sort 国人写的 很贴近业务拿来即用, react-native-drax 国外的 就得摸索一番,不过看起来还挺优雅的。
总结
react 可圈可点的还挺多 ,rn 使用热度一般,生态还有待统一和完善。