¿Quieres aprender JavaScript en profundidad?Elija el marco adecuado para usted

El año pasado, Matt Mullenweg alentó a los desarrolladores a “aprender un JavaScript profundo”. Dijo y está de acuerdo en que el futuro WordPress usará interfaces basadas en JavaScript impulsadas por la API REST WordPress. El uso de JavaScript en combinación con la API REST ofrece una gran experiencia tanto para el desarrollador como para el usuario final, por lo que cada desarrollador de WordPress debe entender JavaScript. Para que esta visión se haga realidad, esto no se puede aplicar solo al núcleo de WordPress. Los complementos y los temas tendrán que proporcionar una experiencia similar. Un gran marco de JavaScript es la forma más rápida y escalable de proporcionar esto en su complemento o tema.
Dicho esto, elegir el marco correcto para usar no es fácil. Recientemente, con Roy Sivan, publiqué un mini curso sobre este tema. Puedes ver los 4 videos de la serie de forma gratuita, pero quería hundirme aquí en algunas de las opciones más populares. Comparación de opciones importantes, hay muchos marcos de JavaScript y aparecen nuevos todos los días. Cada vez que veo uno nuevo, no puedo resistir el impulso de probarlo. Un buen marco de JavaScript combina muchas cosas que puede hacer solo, en un sistema que funciona para cuidar todo tipo de cosas, una API tan simple. Una vez más, puede hacer todo esto solo, pero un buen marco de JavaScript lo hace mucho más fácil, reduce la duplicación del código y descarga el mantenimiento de una gran parte de su código. A una comunidad más grande de desarrolladores, a menudo con un gran soporte corporativo.
En conclusión, querrá usar un marco, pero no todos creados iguales. Aquí hay algunas ideas rápidas sobre las ventajas y desventajas de las principales opciones. La columna veria tengo sentimientos encontrados sobre la columna vertebral. Por un lado, se incluye en WordPress y se entrega con un cliente de columna vertebral para la API REST WordPress. Al mismo tiempo, Backbone es la menos mágica y más antigua de las opciones que discuto aquí. Tengo una experiencia limitada con él, pero siempre he sentido que no vale la pena el esfuerzo por la realización de DIY. Backbone es la opción más antigua y estable. Eso es bueno y malo. Está un poco congelado en el tiempo, pero funciona y no cambia mucho. No es muy moderno, pero funciona y no cambia rápidamente, como WordPress. No cambie rápidamente es algo que puede desear después de un poco de tiempo en el ecosistema React o Angular que se mueve rápidamente. Tengo un punto suave real para Angular 1 (NG1), que fue el primer cuadro de JavaScript que realmente entiendo. Me ayudó a aprender mucho sobre JavaScript y la programación en general. Por ejemplo, me gusta cómo utiliza un servicio para proporcionar fuentes de datos reutilizables a otros componentes, un excelente principio de diseño. También me gusta que NG1 use HTML para vistas. HTML es una excelente manera de escribir HTML, en lugar de decir JSX en React. Dicho esto, todos los atributos de datos que usa en una plantilla NG1 puede salir de control.
NG1 es una excelente manera de comenzar con un marco de JavaScript y probablemente continuaré usándolo para algunas cosas. Todavía no tuve tiempo de verificar Angular 2 porque tiene más de lo que necesito y los documentos están escritos en TypeScript, que no sé. Dicho esto, valdría la pena verificar si eres fanático del original. También Angular 4 apareció en marzo. Para ser honesto, no puedo seguir el ritmo en este momento. No tengo tiempo para vivir y respirar la última tecnología JavaScript. React React es desarrollado por Facebook y es ampliamente utilizado por Automatic en WordPress.com y JetPack. Aunque Backbone es el único marco de JavaScript incluido en WordPress, espero que se incluya pronto. El prototipo del nuevo editor que está actualmente en desarrollo usando React. Entonces, aunque puede que no sea un fanático, cualquiera que quiera contribuir a WordPress debería aprenderlo. React no es el único marco reactivo, pero es el más popular. Los marcos reactivos son muy cómodos para los desarrolladores de WordPress debido a los eventos a los que puede conectarse el ciclo de vida de la aplicación. Se parece mucho a WordPress Hooks. React también es muy, muy modular, diseñado para crear módulos reutilizables que puede vincular para crear una aplicación. No me gusta el hecho de que la visualización se crea usando JavaScript, especialmente JSX, y es por eso que no la uso, junto con el hecho de que la configuración y una serie de adicciones parecen demasiado para mis humildes necesidades. Desarrollador de complementos de WordPress.
Me estoy preparando para darle una oportunidad a Reactjs. En LoopConf este año, Adam White celebró una gran discusión sobre la API REST y mostró una aplicación simple de revista que construyó ReactJs. Puedes seguir el discurso y leer el código, pero cuando lo vi, quería dar otra oportunidad. Me gusta cómo los componentes son unidades autónomas pero reutilizables. Vuejs En los formularios de caldera, recientemente hemos lanzado una vista de las entradas delanteras, desarrollada por VueJS. Me gustan los vuejs. Es un marco reactivo, por lo que ofrece todos los beneficios que desea, pero también es muy simple. React es probablemente el marco más sabio y es bueno para ti. Esto puede ser bueno o malo, según el uso. Si bien VueJS tiene un paquete HTTP oficial, tiendo a usar JQUEY AJAX, porque siempre está en la página de un sitio de WordPress de todos modos. Vuejs tiene paquetes para un enrutador, pero recomienda que otros lo prueben. Me gusta su enrutador de lo bien que se integran con los componentes VUE. VueJS tiene un paquete de administración estatal, pero puede usar Redux si lo desea. Espero que veas el modelo. React tiene una opinión, también yo y yo no estamos de acuerdo con las opiniones de React. Vuejs me permite imponer mis propias opiniones.

Además, las plantillas Vuejs son HTML. La sintaxis es como una versión dirigida de la sintaxis de la plantilla NG1. Por supuesto, tienen algo como JSX, porque a veces es necesario, pero en su mayor parte, las plantillas HTML son todo lo que necesitas. He construido más y más vuejs y, aunque me hace tentar a intentar reaccionar, estoy muy satisfecho con eso. Actualmente estoy trabajando en una aplicación que utiliza VueJS para la interfaz de usuario, completamente organizado en componentes de archivos únicos y el desarrollador es una gran experiencia. Sé lo suficiente como para entender por qué Reaccion o Angular probablemente sea mejor, pero como alguien que no vive y respira JavaScript completo, Vuejs es el equilibrio perfecto entre accesible y poderoso. ¿Qué marco de JavaScript es la mejor opción para WordPress? Personalmente, estaba muy satisfecho con Angular 1. Pero el marco muestra su edad y me desperté más atraído por los marcos reactivos con el tiempo. Después de mirar el React, también, JSView y Vuejs, comencé a usar Vuejs cada vez más. Me gusta lo fácil que es Vuejs y lo rápido que es aprender y comenzar. Todavía me gusta usar Angular 1, pero ir antes probablemente usaré más vuejs. Lo usamos para el visor de entrada frontal en formularios de caldera y probablemente se utilizará en la versión futura de nuestro generador de administración.
Te invito a ver nuestra serie de videos de Caldera Descubra de dónde estamos hablando de nuestras preferencias y opiniones. Me encantaría escuchar sus opiniones sobre cuáles es el mejor o si te gusta la que no he cubierto aquí. Por favor, deje un comentario y dime lo que piensas.