L'écosystème JavaScript et TypeScript.
L'IA a remporté la guerre de TypeScript. Le débat est terminé. TypeScript n'a pas gagné grâce à de meilleurs arguments. Il a gagné parce que les outils d'IA ont rendu le débat non pertinent. Des chercheurs ont trouvé un modèle clé...
Un contrôle de largeur indiquait que la chaîne pouvait être coupée sans risque. Il a coupé un kanji en deux. Un nom a été saisi dans une table de terminal et en est ressorti brisé. Le nom de famille était 𠮷田. Le premier caractère n'est pas le c...
Opérations CRUD du DOM. Le Document Object Model (DOM) est la manière dont les navigateurs représentent le HTML. Il transforme chaque élément, attribut et fragment de texte en un objet. JavaScript utilise ces objets…
Comment configurer React Context. Le prop drilling ruine votre code. Vous transmettez des données à travers cinq couches de composants qui n'en ont pas besoin. React Context résout ce problème. Cependant, la plupart des configurations cré…
Tester les e-mails récapitulatifs Nodejs sans polluer la boîte de réception. Les e-mails de synthèse posent problème lorsque les environnements de prévisualisation envoient des résumés à une boîte de réception partagée unique. On finit par perdre le fil de quel message appartient à...
Tester les flux de changement d'e-mail sans manquer de liens. Modifier l'adresse e-mail d'un compte semble anodin. C'est un piège courant pour les équipes QA. Un testeur met à jour une adresse. Une autre personne ouvre l'e-mail...
La règle des 3 secondes de la performance web. Vous avez trois secondes. Après cela, vos utilisateurs partent. Une étude de Google montre que 53 % des utilisateurs mobiles abandonnent un site s'il met plus de 3 secon…
Utilisation des Refs React et du hook useRef. React utilise une approche déclarative. Vous mettez à jour l'état, et React met à jour l'interface utilisateur. Cela fonctionne pour la plupart des tâches. Mais parfois, vous devez sortir de...
Pourquoi utiliser l'index comme clé est une mauvaise idée dans React. Vous créez une liste dynamique dans React. Vous supprimez un élément. Soudain, l'état de l'interface utilisateur d'un autre élément change. Ou bien, vous triez une liste et l'in...
Suivez les visiteurs de votre site web en temps réel sans abonnement. Un client souhaitait savoir qui était présent sur son site en temps réel. Il appréciait le widget Tidio, mais ne souhaitait pas payer d'abonnement...
Pourquoi vous avez besoin de la prop 'key' dans React. Vous voyez cette erreur dans votre console : "Chaque enfant d'une liste doit avoir une prop 'key' unique." De nombreux développeurs l'ignorent. C'est une erreur. Cet avertisse...
Mon agent de codage se souvenait des sessions, pas du travail. Un agent de codage peut maintenir un fil de discussion actif tout en semblant oublier des choses. J'ai rencontré ce problème en développant CliGate. J'ai corrigé la continuité des sessions...
Maîtrisez les listes et les clés React. Le rendu de listes dans React est simple, mais le faire correctement est difficile. De nombreux développeurs utilisent l'index du tableau comme clé. C'est une erreur. Cela entraîne des bugs et s…
Utilisation du mot-clé `using` et gestion explicite des ressources en TypeScript. Les fuites de mémoire en production proviennent souvent d'une seule erreur : les développeurs acquièrent des ressources mais ne parviennent pas à les libérer. Connexion aux bases de données...
Tester la connexion sans mot de passe sans le chaos de la boîte de réception. La connexion sans mot de passe semble facile lors d'une démo. Un utilisateur saisit une adresse e-mail. Un lien magique arrive. La session commence. En staging, ce flux devient m...
Comment Node.js gère des milliers de requêtes. On dit que Node.js est monothread. Pourtant, il gère des milliers de requêtes, lit des fichiers et effectue des appels API sans s'arrêter. Comment...
Le coût caché de chaque installation npm. Nous avons passé dix ans à télécharger des bibliothèques pour corriger JavaScript. Nous utilisions moment.js pour les dates. Nous utilisions lodash pour les utilitaires. Nous utilisions node fetch pour…
Erreurs lors de l'utilisation de recirculateurs d'air UV dans la production alimentaire. L'hygiène de l'air est vitale dans la production alimentaire. Les zones de conditionnement sont particulièrement sensibles. Les microbes aéroportés peuvent ruiner la qual...
Créer un guide d'application interactif. Les équipes d'assistance ont souvent des difficultés avec des applications qu'elles n'ont jamais installées. Un PDF avec des captures d'écran est la solution standard. La plupart des gens ne lisent pas les PDF...
Le frontend invisible : ces petites décisions qui sauvent un produit. Le meilleur travail frontend ne se voit jamais lors d'une démo. Le travail que je valorise le plus est invisible. Personne n'en fait de captures d'écran. Mais...
Comment j'ai mis à jour toutes les succursales sans toucher à une seule machine. J'ai conçu un outil de bureau interne à l'aide d'Electron. Il s'exécute sur des machines dans de nombreuses succursales. Ces bureaux ont di…
Checklist d'optimisation des performances React. Les applications lentes nuisent aux entreprises. Elles entraînent des taux de rebond élevés et frustrent les utilisateurs. Elles augmentent également vos coûts d'infrastructure. Vous...
Jour 5 de l'apprentissage de React : Batching et mises à jour fonctionnelles. Je pensais qu'appeler un setter d'état plusieurs fois provoquait plusieurs rendus. Je me trompais. React est plus intelligent que ça. Il utilise…
Your Console Is Lying To You Your browser DevTools might mislead you during debugging. It is not broken. It is optimized for speed, not for perfect accuracy. Here is why you canno…
