AI heeft de TypeScript-oorlog gewonnen
AI heeft de TypeScript-oorlog gewonnen. Het debat is voorbij. TypeScript won niet door betere argumenten. Het won omdat AI-tools het debat irrelevant maakten. Onderzoekers vonden een cruciaal patro…
GyaanSetu JavaScript
Het JavaScript- en TypeScript-ecosysteem.
A Width Check Said the String Was Safe to Cut. It Split a Kanji in Half.
A Width Check Said the String Was Safe to Cut. It Split a Kanji in Half. A name entered a terminal table and came out broken. The surname was 𠮷田. The first character is not the c…
DOM CRUD-bewerkingen
DOM CRUD-bewerkingen. Het Document Object Model (DOM) is de manier waarop browsers HTML weergeven. Het zet elk element, attribuut en tekstfragment om in een object. JavaScript gebruikt deze objecten…
Hoe je React Context opzet
Hoe je React Context opzet. Prop drilling verpest je code. Je geeft data door via vijf lagen componenten die het niet nodig hebben. React Context lost dit op. Echter, de meeste setups creë…
Nodejs digest-e-mails testen zonder inbox-ruis
Nodejs digest-e-mails testen zonder inbox-ruis. Digest-e-mails veroorzaken problemen wanneer preview-omgevingen samenvattingen naar één gedeelde mailbox sturen. Je verliest het overzicht van welk bericht bij...
Test workflows voor e-mailwijzigingen zonder gemiste links
Test workflows voor e-mailwijzigingen zonder gemiste links. Het wijzigen van een account-e-mailadres lijkt een kleine zaak. Het is een veelvoorkomende valkuil voor QA-teams. De ene tester werkt een adres bij. Een ander persoon opent de e-mail…
De 3-secondenregel voor webperformance
De 3-secondenregel voor webperformance. Je hebt drie seconden. Daarna vertrekken je gebruikers. Onderzoek van Google toont aan dat 53% van de mobiele gebruikers een site verlaat als het langer dan 3 seconden duurt...
Het gebruik van React Refs en de useRef Hook
Het gebruik van React Refs en de useRef Hook. React maakt gebruik van een declaratieve aanpak. Je werkt de state bij en React werkt de UI bij. Dit werkt voor de meeste taken. Maar soms moet je buiten de...
Waarom een index als key een slecht idee is in React
Waarom een index als key een slecht idee is in React. Je bouwt een dynamische lijst in React. Je verwijdert een item. Plotseling verandert de UI-status van een ander item. Of je sorteert een lijst en de in…
Live websitebezoekers volgen zonder abonnementen
Live websitebezoekers volgen zonder abonnementen. Een klant wilde in realtime zien wie er op hun website was. Ze vonden de Tidio-widget leuk, maar wilden niet betalen voor een abon...
Waarom je de React Key Prop nodig hebt
Waarom je de React Key Prop nodig hebt. Je ziet deze foutmelding in je console: "Elk kind in een lijst moet een unieke 'key' prop hebben." Veel ontwikkelaars negeren het. Dit is een fout. Deze waarschu…
Mijn coding agent onthield sessies, maar geen werk
Mijn coding agent onthield sessies, maar geen werk. Een coding agent kan een thread levend houden en toch vergeetachtig aanvoelen. Ik liep tegen dit probleem aan tijdens het bouwen van CliGate. Ik heb sessie-continuïteit...
Beheers React Lists en Keys
Beheers React Lists en Keys. Het renderen van lijsten in React is eenvoudig, maar het goed doen is lastig. Veel ontwikkelaars gebruiken de array-index als key. Dit is een fout. Het leidt tot bugs en ...
TypeScript 'using'-keyword en expliciet resourcebeheer
TypeScript 'using'-keyword en expliciet resourcebeheer. Geheugenlekken in productie komen vaak voort uit één fout: ontwikkelaars verkrijgen resources maar vergeten deze vrij te geven. Databaseverb...
Test wachtwoordloze login zonder inbox-chaos
Test wachtwoordloze login zonder inbox-chaos. Wachtwoordloos inloggen lijkt eenvoudig in een demo. Een gebruiker voert een e-mailadres in. Er komt een magic link aan. De sessie begint. In staging wordt deze flow m…
Hoe Node.js duizenden verzoeken afhandelt
Hoe Node.js duizenden verzoeken afhandelt. Men zegt dat Node.js single-threaded is. Toch verwerkt het duizenden verzoeken, leest het bestanden en doet het API-aanroepen zonder te stoppen. Hoe...
The Hidden Cost of Every npm Install
The Hidden Cost of Every npm Install We spent ten years downloading libraries to fix JavaScript. We used moment.js for dates. We used lodash for utilities. We used node fetch for…
Fouten bij het gebruik van UV-luchtrecirculatoren in de voedselproductie
Fouten bij het gebruik van UV-luchtrecirculatoren in de voedselproductie. Lucht-hygiëne is essentieel in de voedselproductie. Verpakkingsruimtes zijn extra gevoelig. Microben in de lucht kunnen de productkwaliteit ruïneren...
Het maken van een interactieve app-gids
Het maken van een interactieve app-gids. Supportteams hebben vaak moeite met apps die ze nog nooit hebben geïnstalleerd. Een PDF met screenshots is de standaardoplossing. De meeste mensen lezen geen PDF's...
De onzichtbare frontend: Kleine beslissingen die een product redden
De onzichtbare frontend: Kleine beslissingen die een product redden. Het beste frontend-werk is nooit zichtbaar in een demo. Het werk dat ik het meest waardeer, is onzichtbaar. Niemand maakt er screenshots van. Ma...
Hoe ik elke vestiging bijwerkte zonder ook maar één machine aan te raken
Hoe ik elke vestiging bijwerkte zonder ook maar één machine aan te raken. Ik heb een interne desktoptool gebouwd met Electron. Deze draait op computers in vele verschillende vestigingen. Deze kantoren hebben v...
React Performance Optimalisatie Checklist
React Performance Optimalisatie Checklist. Trage applicaties zijn schadelijk voor bedrijven. Ze zorgen voor een hoog bouncepercentage en frustreren gebruikers. Ze verhogen ook je infrastructuurkosten. Je doet...
Dag 5 van het leren van React: Batching en functionele updates
Dag 5 van het leren van React: Batching en functionele updates. Ik dacht dat het meerdere keren aanroepen van een state setter voor meerdere renders zorgde. Ik had het mis. React is slimmer dan dat. Het gebruikt…
Je console liegt tegen je
Je console liegt tegen je. De DevTools van je browser kunnen je misleiden tijdens het debuggen. Het is niet kapot. Het is geoptimaliseerd voor snelheid, niet voor perfecte nauwkeurigheid. Dit is waarom je niet kun...