Des articles pour ceux qui
livrent le stack
Textes sur React, Node.js, TypeScript et AI. Un corps traduit est affiché quand il existe. Sinon vous voyez le texte anglais et une note qui le dit.
Tag : JSX
Gestion des événements dans React : événements synthétiques sans mystère.
Gestion des événements React sans mystère : événements synthétiques, délégation, props des gestionneurs dans JSX et modèles propres, sans les mythes obsolètes sur le pooling des événements.
6 min de lectureAffichage conditionnel et de listes avec React sans outils complexes
Branches explicites, clés de liste stables et modèles qui maintiennent la logique UI conditionnelle lisible lorsque les composants dépassent le stade d’exemples simplistes dans des applications React en production.
9 min de lectureAperçu de JSX sous Windows sans installer React ou VS Code
JSX ne s’ouvrira pas en tant que page web lors d’un double-clic. Lorsque vous avez simplement besoin d’inspecter ou de comparer un composant, un outil de prévisualisation dédié pour Windows peut être plus efficace que de créer une structure complète pour un projet React.
3 min de lectureAfficher du JSX sans d’abord créer un projet React avec des structures prédefinites.
JSX n’est pas un HTML cliquable deux fois ; Preview Kit et des outils similaires séparent la génération de l’aperçu de la configuration complète de Node et React, permettant ainsi aux composants expérimentaux de rester temporaires.
5 min de lectureJSX n’est pas du HTML à l’intérieur de JavaScript — c’est une étape de compilation.
Le JavaScript pur ne peut pas interpréter l’interface utilisant des crochets angulaires ; JSX est une syntaxe similaire à HTML qui est réécrite par Babel ou Vite en appels à createElement avant que le navigateur ne la traite.
4 min de lectureReact JSX ressemble à du HTML — il est compilé en JavaScript
JSX ressemble à HTML mais se compile en JavaScript : une racine unique, des balises fermées, des attributs en camelCase et des accolades pour les expressions, les règles auxquelles se heurtent les débutants en React.
6 min de lectureDe 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.
9 min de lectureProps 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.
7 min de lectureLes 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.
4 min de lecture
À propos de ces articles
Devis en 24 h
Besoin du même stack en couche opérateur ? Envoyez le brief — devis sous 24 h.