Une ode à JSX
Si vous êtes nouveau dans l'utilisation de React, vous vous demandez peut-être « qu'est-ce que JSX exactement et pourquoi ne puis-je pas simplement m'en tenir à l'ancien JavaScript classique ? » Eh bien, une réponse simplifiée est qu'elle vous permet de mettre du HTML dans JavaScript au lieu de l'inverse. De plus, il finit par être plus rapide que JavaScript normal car il effectue des optimisations pendant qu'il compile le code source en JavaScript. L'équipe de Facebook l'a même créé pour simplifier l'expérience des développeurs, alors pourquoi ne l'utiliseriez-vous pas ?
Javascript Xml
JSX signifie JavaScript XML et n'est qu'une autre extension de JavaScript avec une syntaxe différente. La syntaxe de type HTML/XML est utilisée par React et destinée à être utilisée par des préprocesseurs (Babel) pour transformer du texte de type HTML en objets JavaScript standard qu'un moteur pourra analyser. JSX vous permettra d'écrire des arborescences claires et concises de type HTML/XML avec Javascript dans le même fichier. Votre préprocesseur (Babel) fera alors son travail pour transformer l'expression en code JavaScript réel. Certaines personnes considèrent JSX comme un ensemble de raccourcis pour écrire React. Assez cool à droite!
Avantages
- Identification plus facile des erreurs dans le code HTML qui pourraient autrement passer inaperçues
- Exploitez toute la puissance de JavaScript en HTML
- Permet au VirtualDOM de se mettre à jour uniquement sur les informations qui ont changé pour un rendu moins cher et plus rapide
- La capacité de passer facilement des éléments
- La documentation peut être difficile à comprendre pour les nouveaux arrivants
- React se concentre uniquement sur la partie vue du modèle ( Modèle-Vue-Contrôleur )
VS.
Voilà!
Personnellement, je pense que l'utilisation de JSX rend le code plus facile à lire et beaucoup plus propre. La possibilité de faire circuler des éléments en JavaScript aussi facilement qu'une bonne bouteille de whisky autour du feu de camp est vraiment ce qui fait que l'utilisation de JSX se démarque de toute autre façon d'écrire une application React. Bien sûr, vous pouvez emprunter une autre voie, mais je ne le recommanderais pas. Si vous avez aimé ce contenu, suivez-moi sur LinkedIn ou Github et consultez certains de mes autres blogs !
https://www.linkedin.com/in/jamondixon/
https://github.com/Jamondixon
Suggested posts
Éviter les conséquences dévastatrices d'un accident vasculaire cérébral : apprendre du parcours d'une famille.
Introduction Un accident vasculaire cérébral est une urgence médicale qui peut frapper n'importe qui à tout moment. Elle survient lorsque le flux sanguin vers une partie du cerveau est perturbé, entraînant une perte soudaine de la fonction cérébrale.
Mes ressources de codage les plus utilisées
Cette semaine, j'ai reçu un e-mail d'un membre de la liste de diffusion quotidienne. Ils voulaient savoir : Quelles ressources consultez-vous quotidiennement, hebdomadairement et mensuellement ? Grande question ! Je suis heureux d'essayer de partager quelques idées sur mon flux de travail et les principales ressources que j'utilise.
Related posts
L'érosion lente : dévoiler les façons dont les gens perdent leur carrière
Dans le monde rapide et compétitif d'aujourd'hui, la carrière d'une personne joue un rôle important dans la croissance personnelle, la stabilité financière et la satisfaction globale de la vie. Cependant, de nombreuses personnes se retrouvent prises dans un cycle incessant de stagnation et d'insatisfaction, dépérissant progressivement dans leur vie professionnelle.
Pourquoi certains freelances simulent leur vie
J'étais récemment sur Linkedin, le plus grand réseau social professionnel au monde, et j'ai trouvé des messages de designers indépendants que je suis et qui ont attiré mon attention. Ils ont tous posté des photos d'avions, sur la plage avec leurs ordinateurs portables, de piscines et de bureaux avec une vue imprenable.
La performance solo de la fille aux cheveux roux
En mission de Hayden, Katie se filme en train de se masturber.
Il était minuit passé lorsque Hayden a ramené Katie à son dortoir universitaire après leur soirée ensemble. Elle avait un cours tôt le matin et n'avait plus de vêtements de rechange après être restée avec lui la nuit précédente.