Mejor marco de JavaScript (para mí): el aprendizaje Reactjs funciona mejor de lo esperado

Los desarrolladores de WordPress deben aprender oficialmente JavaScript. No solo porque son los temas de Matt, sino también porque la API REST va bien en el núcleo, y ahora podemos hacer todo, desde la construcción de interfaces de complementos mucho más fluidos hasta el uso de WordPress como aplicaciones de espalda y móviles. Pero necesitamos JavaScript para hacer esto. Es el momento del marco de JavaScript ser un poco más específico, necesitamos un marco de JavaScript: un cuerpo organizado por un grupo muy inteligente de personas que nos permite hacer cosas increíbles con JavaScript si respetamos sus reglas.
Si eres relativamente nuevo en JavaScript, como soy, el jquey puede ser lo más cercano a un marco de JavaScript que has usado. Aunque JQuey es en realidad una biblioteca, no un marco, ofrece una sensación similar de “JavaScript más superpoderes”. Si tiene más experiencia en JavaScript, ya estará familiarizado con el más popular de los cuadros de JavaScript existentes: nombres como Angular, Ember, React, Vue y Backbone. Los marcos de JavaScript son los más importantes para el desarrollo de las propiedades de las aplicaciones-WEB basadas en un mayor grado de interactividad que los sitios web más estáticos. Los marcos de JavaScript están detrás de las aplicaciones relativamente simples, como cada zona de tiempo y aplicaciones gigantescas como SoundCloud, y administran todo, desde el enrutamiento entre las piezas hasta refrescar las vistas cuando cambia los datos básicos.
Ahora, aquí está la siguiente pregunta: ¿Qué marco de JavaScript es el mejor para alguien que acaba de ingresar a JavaScript? Permíteme enfatizar dos propiedades complicadas del ecosistema JavaScript: es enorme y atomizado, con docenas de tecnologías sugeridas (desde tareas hasta administradores de paquetes) que trabajan para completar cualquier marco.
Es increíblemente espumoso, con cuadros que se elevan y descienden en una escala de tiempo
El resto de este artículo le dirá por qué, para mí, un desarrollador de WordPress que no es particularmente hábil en JS, que trabaja para mantenerse educado, Reactjs fue el mejor marco de JavaScript con el que ir más allá y por qué estoy satisfecho. De mi elección. .
Lo que es ReactJS ReactJS es un marco para la construcción de interfaces de usuario, construidas por Facebook inicialmente para uso interno en Facebook e Instagram, y más tarde con código abierto. React creció rápidamente en popularidad y, hasta 2016, probablemente estaba en la parte superior de la tumba de JavaScript. Puede que ya no sea cierto (nadie permanece allí durante mucho tiempo), pero todavía es saludable y muy activo. Solo la vista predeterminada (y por qué es algo bueno) de forma predeterminada, reaccione solo se ocupa de la pantalla de datos. Esto podría hacerlo perfecto para los desarrolladores de WordPress, que a menudo pueden usar WordPress en sí mismo como un trasero.
A diferencia de otros cuadros, React muestra implícitamente solo datos. No almacene sus datos para usted y no le dé de inmediato formas incorporadas para los datos básicos que determinan que su aplicación se modifica o actualiza. Por ejemplo, en una aplicación de receta, React podría mostrar fácilmente una lista de recetas que se les dio, tal vez como el punto final de la API REST; Pero no tendría, en sí mismo, un lugar para almacenar los datos para esa lista y no tendría el automóvil para una página “mi cuenta” con muchas recetas guardadas y marcadas con una estrella. En otras palabras, React es implícitamente solo la capa de vista en el sistema de controlador de visión modelo (o MVC, o MV*) que define la mayoría del JavaScript. Simplemente aprende una nueva forma de hacer que los datos aparezcan en el navegador, sin Muchos otros equipos inmediatos de un sistema que se refiere a estructurar y manipular los datos básicos. . Esto también hace que reaccione ser potencialmente perfecto para un desarrollador de WordPress, porque para muchos proyectos traemos con nosotros la elección de backples: WordPress en sí, que sirve datos a través del descanso API de puntos finales, junto con nosotros. Además, con otras herramientas que aún no entiendo, especialmente Rodux, React puede tener un modelado y manipulación de condición (datos) mucho más completa. Entonces, React, con algunas herramientas inmediatamente adyacentes, puede ser un marco completo de derecha; Puede ser más que una capa visual, pero no tiene por qué serlo.
Lo que Reactjs hace atractivo ahora que dije un poco sobre lo que es Reactjs, hablemos de por qué es atractivo, especialmente por lo que creo que es el perfil bastante común del “desarrollador bien intencionado basado en otra tecnología”. 1. ReactJS es grande, popular y estable Si está buscando una tecnología con buena documentación que no desaparezca en seis meses, ReactJS tiene muchas cosas que hacer: React es estable por Facebook. React vivirá siempre que Facebook quiera apoyarlo, lo que llevará mucho tiempo. Otros marcos de JavaScript pueden morir o pueden cambiar drásticamente debido a los caprichos de las comunidades de sus desarrolladores, comunidades abiertas de origen como WordPress, pero con una atención mucho más corta. Como ejemplo: pensé en aprender Angularjs, pero Angular 2 A Out and is Out and is es y es y es y es y es Muy diferente de Angular 1 debido a una gran cantidad de mejoras que también representan cambios radicales. Esto hace que sea casi imposible ingresar y aprender Angular, porque significa que la documentación más antigua y mejor verificada para las publicaciones Angular – Stack Overflow, Video Tutorials, etc., estará equivocado porque se refiere a un viejo. Aroma angular. Además, no estoy ansioso por invertir en algo que quiera aprender todo cada dos años, sin importar cuán bien pretendieran los últimos cambios de minuto.
Por el contrario, es estable a prueba de Facebook, y este patrocinio corporativo significa que React será apoyado mientras Facebook lo desee, lo que, en promedio, será mucho más largo que la duración de un grupo de voluntarios. Poder desarrollar activamente su propia idea de marco, especialmente desde que la idea se desliza desde la parte superior de la exageración. La documentación de React es muy buena. React está en una parte maravillosa de su ciclo de vida, donde estaba muy caliente y alrededor un poco. Como resultado, nunca tuve una pregunta en React cuya respuesta no pude encontrar fácilmente a través de Google Search. La documentación principal de Facebook también es notable lo que, nuevamente, siento que habla sobre la buena salud que emana parcialmente de su patrocinio por una corporación rica. Una ilustración, consideraría aprender vuejs, posible la herramienta JS más caliente en este momento , pero me temo que la documentación no se resistirá, y esto se confirma incluso en revisiones extremadamente complementarias: “Desafortunadamente, no hay recursos disponibles [para Vue] como son para React, Angular, Ember, Elm, Backbone … Entiendes la idea “. 2. ReactJS es bastante simple de aprender reactjs ultra básicos parece girar en gran medida en torno a tres conceptos principales: estados, accesorios y funciones de renderización (). Aprendí React Ultra-Básico mientras escribía un artículo de WPShout sobre este tema, que no es más de unas pocas horas de frustración.
Las mayores frustraciones tempranas, desde mi experiencia, son la inclusión manual de todos los archivos JavaScript enumerados en el artículo. No entendí exactamente lo que hace Babel y pensé que los otros archivos .js, aparte de la reacción principal. Son opcionales. Así no. Sin embargo, una vez que esté allí, probablemente se quede con tres conceptos principales: estados, accesorios y la función Render (). Hay demostraciones notables que explican cada una y, una vez que le da la idea de que “el estado debe estar en los componentes de más alto nivel y fluir hacia los componentes de nivel inferior como accesorios”, todo tiene un significado maravilloso. Compare esto con el famoso “palo de hockey” de su dificultad angular (supongo que específicamente 1) una vez que ingrese el sujeto de la conexión de datos en dos direcciones, y argumentaré que React tiene una curva de dificultad y menos dificultad. que muchas de las alternativas principales. Y, por supuesto, siempre hay más que aprender antes de que realmente sepa lo que hago. Afortunadamente, todo está en forma de componentes independientes, como Redux. Una vez que quiera administrar el estado más inteligente, podré aprender Redux; No es algo que tenga que aprender a hacer nada, como muchos conceptos básicos de un marco más grande. 2. ReactJS le permite crear aplicaciones nativas de iOS y Android (!
) Con Reacts bastante locos, ReactJS también es su camino para convertirse en un desarrollador de aplicaciones móviles, a través de React Native. He mantenido la parte absolutamente más loca para el final: Reactjs también es su camino para convertirse en un desarrollador literal de aplicaciones móviles, con reaccionamiento nativo. Incluso revisé esto: tengo una aplicación de Android, en el teléfono, que escribí en unas pocas horas por React. Construiré la versión para iPhone, usando casi el mismo código ReactJS, tan pronto como pueda eliminar suficiente espacio de la amapola de mi amigo para descargar el iOS SDK. Sobre este tema: como consejo, no intente usar React Native en un automóvil de Windows. Los pasos de configuración son terriblemente frustrantes y no puede desarrollar la aplicación iOS en las computadoras debido a un poco de bloqueo de Apple. Este sería un buen momento para mimarse con una amapola. Obviamente, los proyectos de software “de esto a eso” siempre suenan un poco sospechosos, pero React Native no es una especie de truco frágil: es una alternativa totalmente funcional al desarrollo de aplicaciones móviles directamente en Java y Swift, afortunadamente utilizada por el grandes. A la gente le gusta SoundCloud. Esto me abre un mundo completamente nuevo: