Una oda a JSX
Si eres nuevo en el uso de React, es posible que te preguntes, "¿qué es exactamente JSX y por qué no puedo seguir con el JavaScript de vainilla normal?" Bueno, una respuesta simplificada es porque le permite poner HTML en JavaScript en lugar de al revés. Además, termina siendo más rápido que JavaScript normal porque realiza optimizaciones mientras compila el código fuente en JavaScript. El equipo de Facebook incluso lo creó para simplificar la experiencia del desarrollador, entonces, ¿por qué no lo usaría?
Java Script Xml
JSX significa JavaScript XML y es solo otra extensión de JavaScript con una sintaxis diferente. React utiliza la sintaxis similar a HTML / XML y está destinada a ser utilizada por preprocesadores (Babel) para transformar texto similar a HTML en objetos JavaScript estándar que un motor podrá analizar. JSX le permitirá escribir estructuras de árbol de tipo HTML / XML claras y concisas junto con Javascript en el mismo archivo. Su preprocesador (Babel) hará su trabajo para transformar la expresión en código JavaScript real. Algunas personas consideran JSX como un conjunto de atajos para escribir React. Muy bien, ¿verdad?
Pros
- Identificación más sencilla de errores en el código HTML que de otro modo podrían pasar desapercibidos
- Aproveche todo el poder de JavaScript en HTML
- Permite que VirtualDOM se actualice solo a la información que ha cambiado para un renderizado más barato y rápido
- La capacidad de pasar elementos con facilidad.
- La documentación puede ser difícil de entender para los recién llegados.
- React solo se centra en la parte de la vista del patrón ( Modelo-Vista-Controlador )
VS.
¡Ahí tienes!
Personalmente, creo que el uso de JSX hace que el código sea más fácil de leer y se vea mucho más limpio. La capacidad de pasar elementos en JavaScript tan fácil como una buena botella de whisky alrededor de la fogata es realmente lo que hace que el uso de JSX se destaque por encima de cualquier otra forma de escribir una aplicación React. Seguro que puedes ir por otra ruta, pero no la recomendaría. Si te gustó este contenido, ¡sígueme en mi LinkedIn o Github y echa un vistazo a algunos de mis otros blogs!
https://www.linkedin.com/in/jamondixon/
https://github.com/Jamondixon
Suggested posts
Evitar las consecuencias devastadoras de un derrame cerebral: aprender del viaje de una familia.
Introducción Un accidente cerebrovascular es una emergencia médica que puede afectar a cualquier persona en cualquier momento. Ocurre cuando se interrumpe el flujo de sangre a una parte del cerebro, lo que lleva a una pérdida repentina de la función cerebral.
Mis recursos de codificación más utilizados
Esta semana, recibí un correo electrónico de un miembro de la lista de correo electrónico diaria. Querían saber: ¿Qué recursos visita diariamente, semanalmente y mensualmente? ¡Gran pregunta! Estoy feliz de intentar compartir algunas ideas sobre mi flujo de trabajo y los principales recursos que uso.
Related posts
¿Es el arte alguna vez apolítico?
Ayer cerramos la puerta del Festival de la Canción de Eurovisión de este año con una gran final brillante y caótica en la que la cantante sueca Loreen se llevó a casa el trofeo, convirtiéndose en la primera mujer en ganar dos veces y devolviendo la corona a Suecia 50 años después de que ABBA ganara la competencia. con “Waterloo”. Se convirtieron en uno de los actos más grandes en el canon de la música pop.
El desafío de lectura de Goodreads es tóxico
La picazón en mi mano se extendió mientras negociaba con el librero local por otro libro. Este libro, como el resto que compré recientemente, encontraría su trono en mi pila de 'To Be Read' (TBR); y sin embargo, lo compré.
Por qué algunos freelancers están fingiendo sus vidas
Hace poco estuve en Linkedin, la red social profesional más grande del mundo, y encontré publicaciones de diseñadores independientes a los que sigo que me llamaron la atención. Todos publicaron fotos desde aviones, en la playa con sus computadoras portátiles, desde piscinas y oficinas con vistas increíbles.