De React a Vue, o como hacer lo mismo pero mucho más simple y bonito 😎
Mi historia con los frameworks JavaScript comienza hace unos 4 años con Angular 1.5; luego de hacer código horrible pero funcional, me cambié de pega y comencé a desarrollar en React. descubrí el nuevo y shiny mundo de ReactJS, Flux y la orientación a componentes, la verdad era un poco difícil la curva de aprendizaje pero logré agarrarle el gustito a la librería, sobre todo a desarrollar React + Mobx. Cuento corto, desarrollé en React alrededor de un año, con todas sus cosas buenas y malas, Pero por cosas de la vida me despidieron de mi antiguo trabajo, me tomé un mes de “vacaciones” y encontré finalmente pega en yapo.cl.
Ya con un nuevo puesto nuevo equipo y nuevas metas, comenzó este gran cambio en mi forma de frontear, la oferta de pega era para front con experiencia en React, pero, por malas experiencias con implementaciones pasadas (@lasagnaandroid 😅) decidimos con el equipo usar VueJS ✨.
Bueno mentí un poco en el párrafo pasado ya que el cambio no fue tan grande, bueno, ¿por qué decidimos Vue sobre React?:
1- Vue es un framework progresivo y tiene menos boilerplate que React ya que se puede incluir en un old school <script> tag, así que necesitábamos un framework que pueda lidiar con código legacy (hola, jQuery) y además ser capaz de crecer con partes nuevas de la aplicación.
2- Vue también tiene su state machine Vuex , que es una mezcla entre Redux (muy simplificado) y Mobx, ya que en Vue los estados son mutables, y es mucho menos verbose que Redux, así que no será muy atractivo para los fans de la functional programming.
3- SFC (single file componentes); cuando utilizamos Vue solo incluyendo su librería en una etiqueta script la forma de crear componentes es esta:
Bueno, nosotros inyectamos Vue con Webpack y tenemos la posibilidad de crear los componentes así:
la ventaja, se puede tener todo encapsulado en un mismo archivo, después webpack se encarga de lo demás 😎 , además no lidiamos con JSX (adiós XML en JS™🤢) así podemos tener una separación de conceptos y no todo mezclado.
Hasta ahora, lo único “malo” que veo en Vue en contra de React es que oficialmente no tienen una implementación para mobile como lo es React Native, pero, ya NativeScript esta trabajando en una implementación y el gigante 🇨🇳 Alibaba esta trabajando en Weex, otra implementación de Vue para nativo pero a ambas les falta desarrollo y documentación para hacerle la competencia a RN.
En conclusión, el paso de React a Vue ha sido un camino relativamente fácil, con algunos cambios de sintaxis pero con la misma forma de trabajo orientado a componentes y utilizando Flux, hast ahora no le veo ningún punto en contra a esta excelente librería, recomiendo que si estas metido en React, pruebes desarrollar un side project y sacar tus propias conclusiones.
