Des articles pour ceux qui
livrent le stack
Textes originaux sur React, Node.js, TypeScript et AI — issus de la même pratique que notre logiciel opérateur. Corps des articles en anglais.
Tag : jsx
React JSX ressemble à du HTML — il est compilé en JavaScript
JSX est du markup JavaScript : une racine unique, des balises fermées, des attributs en camelCase, et des accolades pour les expressions — avec les règles classiques auxquelles se heurtent d’abord les débutants.
1208 motsLireDe JSX aux objets simples : comment fonctionnent les éléments, composants et props de React
Découvrez ce à quoi se compile JSX, pourquoi les composants ne sont rien d’autre que des fonctions, et comment les props, les enfants, les valeurs par défaut, la propagation et les slots découlent de ce modèle mental unique.
1983 motsLireProps React pour débutants : transformer des composants statiques en modèles
Apprenez comment les props de React transmettent des données des composants parents aux composants enfants, comment fonctionne l’objet props, quels types de valeurs vous pouvez transmettre, et pourquoi un flux de données unidirectionnel est avantageux.
1586 motsLireLes fragments React et StrictMode : un marquage plus léger et une détection précoce des erreurs
Apprenez comment les fragments React regroupent des éléments sans enveloppes DOM supplémentaires, et comment la double invocation réservée au développement de StrictMode met en évidence les rendus et effets impurs.
976 motsLireDes scripts DOM à l’interface utilisateur en fonction de l’état : le modèle fondamental de React
Pourquoi React remplace les mises à jour manuelles du DOM par des composants déclaratifs, et comment JSX, les props, l’état, le re-rendering ainsi que le flux de données unidirectionnel s’intègrent dans un même modèle mental.
4868 motsLireJSX n’est pas HTML : les véritables compromis derrière le markup des composants
Comprendre ce que l’on perd lorsque le markup devient JSX, des outils et du parsing aux formulaires, à l’accessibilité et à la portabilité, ainsi que les stratégies permettant de récupérer une grande partie de ce qui a été perdu.
3076 motsLireComposants React 101 : Création de pièces d’interface utilisateur réutilisables et faciles à entretenir
Découvrez pourquoi diviser les interfaces utilisateur en petits composants React améliore la réutilisabilité, la lisibilité et la collaboration d’équipe, puis créez votre premier composant fonctionnel.
1912 motsLire
À propos de ces articles
Devis en 24 h
Besoin du même stack en couche opérateur ? Envoyez le brief — devis sous 24 h.