我把从react重构成vue的项目,又重构回react了

都怪我那时候小,不懂事,不知道react的好,信了vue邪教。

那时候是我刚学前端的时候,听大家说react比vue好,于是先学的react,并用react写了一个中型项目。

哪知由于自己对react的不理解,这个项目变得越来越卡,尤其是用了redux后,设置一次redux里的数据,起码得等待个一百毫秒,导致我以为redux本来就是这么慢似的。

恰逢vue3.2刚发布,看特性觉得太好了,非常方便,而且有一个好处就是js代码可以和html代码分成两个文件,而在react里html或者叫jsx和js逻辑代码放在一起,导致文件变得巨长,于是我咬咬牙,把项目从react重构成vue。

除了需要忍受跟react差不多重的心智负担外,一切都貌似还挺好的,直到我打算写一个手机版。

这时候我才发现,vue 的生态没有react好,react有react- native可以写手机版,但vue没有vue- native可用,而且经过长时间的前端学习,我已经对react有了很深的理解,redux慢是自己没用对,通过正确的方法用是很快的;而且可以用自定义usehook来实现jsx和js逻辑代码的文件分隔,这导致我已经没理由不用react了,于是为了开发手机版,我又咬咬牙,把本是由react重构成vue的项目,又重构回react了。

最后总结的教训是,react是光明大道,是正确的道路,我们要走在正确的道路上,不断学习钻研,而不是遇到困难就走捷径,搞歪门邪道,最终受伤的只有自己🤕️

相关推荐
Highcharts.js1 小时前
Highcharts React v4 迁移指南(下):分步代码示例与常见问题解决
javascript·react.js·typescript·react·highcharts·代码示例·v4迁移
前端Hardy2 小时前
别再手动写 loading 了!封装一个自动防重提交的 Hook
前端·javascript·vue.js
前端Hardy2 小时前
前端如何实现“无感刷新”Token?90% 的人都做错了
前端·javascript·vue.js
SuperEugene2 小时前
Vue Router 实战规范:path/name/meta 配置 + 动态 / 嵌套路由,统一团队标准|状态管理与路由规范篇
开发语言·前端·javascript·vue.js·前端框架
小彭努力中2 小时前
194.Vue3 + OpenLayers 实战:动态位置 + 高度 + 角度,模拟卫星地面覆盖范围
前端·css·vue.js·openlayers·animate
张一凡932 小时前
easy-model -- "小而美"的React状态管理方案
前端·javascript·react.js
前端Hardy2 小时前
纯 HTML/CSS/JS 实现的高颜值登录页,还会眨眼睛!少女心爆棚!
前端·javascript·vue.js
miss3 小时前
Vue2 → Vue3 深度对比:8 大核心优化,性能提升 2 倍
前端·vue.js·架构
重铸码农荣光3 小时前
手写一个精简版 Zustand:深入理解 React 状态管理的核心原理
react.js·面试·源码
angerdream4 小时前
最新版vue3+TypeScript开发入门到实战教程之生命周期函数
javascript·vue.js