L'écosystème JavaScript et TypeScript.
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...
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 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...
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...
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…
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…
Ma sauvegarde a perdu toutes mes photos. J'ai conçu un bouton de sauvegarde pour un suivi d'humeur hors ligne. Il exportait les données vers un fichier JSON. Les utilisateurs pouvaient l'enregistrer et le transférer sur un nouveau téléphone. Cela semblait parfait...
Pourquoi votre site web codé au feeling ne sera jamais bien référencé. Un fondateur m'a montré un site web le mois dernier. Il était superbe. Il avait des animations fluides et un texte percutant. Il l'a construit en un après-midi en utilisant A...
E-commerce sur mesure sur Firebase. J'ai conçu un site d'e-commerce personnalisé de A à Z. Je n'ai pas utilisé de plateformes prêtes à l'emploi. J'ai utilisé Firebase Realtime Database et Netlify. L'objectif était de...
Jeton signé entre deux PWA : HMAC SHA256 sans backend. Vous devez transmettre l'identité de l'utilisateur d'une PWA à une autre. Les deux applications fonctionnent sur des projets Firebase distincts. Elles ne partagent aucune don…
Créez votre premier bot Discord avec JavaScript. Vous souhaitez créer un bot Discord. Peut-être voyez-vous des bots diffuser de la musique ou lancer des sondages et vous vous demandez comment ils fonctionnent. À la fin de cette série...
Pourquoi je me suis remis au JavaScript après 7 ans. Je suis développeur UI avec 7 ans d'expérience. Je connais le HTML et le CSS. Je peux transformer des designs Figma en code. Mais je ne me suis jamais senti comme un vrai dé…
Vous n'utilisez pas de listes chaînées. Pourtant, elles font tourner la moitié de vos logiciels. Il est probable que vous n'écriviez jamais de liste chaînée dans un projet JavaScript de production. Les tableaux intégrés à votre langage gèrent...
When React Says Re render, It Means Three Things When you call setState, React does not just update the DOM. It runs three separate phases in a sequence. Most developers confuse t…
100 Days, 87 Tools, Zero Servers I spent 100 days building ToolKnit. It is a suite of 87 browser based tools. Most tool sites work like this: You upload a file. A server processes…
J'ai interviewé 5 candidats pour un poste technique. J'ai passé des entretiens avec cinq candidats pour un poste de frontend la semaine dernière. Ils avaient des parcours et des compétences différents. À la fin de la journée...
React a perdu sa substance et Vercel en porte la peau. La communauté React possédait autrefois le projet. Désormais, on a l'impression qu'une société d'hébergement le gère. Le changement s'est produit lentement. Puis il...
25 erreurs JSON que commettent tous les développeurs. Le JSON est le pilier de la communication web. Il est léger et facile à lire. Cependant, ses règles sont strictes. De petites erreurs peuvent casser votre code...
