Recent posts tagged javascript

Have you ever debugged JavaScript code where a function says “Done!”, but the operation it depends on is still running? Or perhaps an API request fails, but the error never reaches the catch block you expected to handle it. You inspect the code. Yo...

Every tutorial has the same weak spot: the code sample. A static block shows what the code looks like. It cannot show what the code does. The reader has to copy it, open an editor, paste it, and run it — and every step in that chain is a step where a...

What is Backpressure? In the world of software development, backpressure is a communication signal sent from a data consumer the part of the system receiving information back to a data producer the part sending it to tell it to slow down. It occurs...

Coverage says 94%. Every test is green. You deploy on Friday afternoon, and by Monday a customer has found a bug in the exact function you "tested". When you open the test, the reason is obvious in hindsight. The test never ran your code. It ran a f...

In my last post on DEVhttps://dev.to/paulbrowne/javascript-in-html-out-building-a-simpler-static-site-generator-5ln I explained why I built Sitelo: most websites are documents, and documents shouldn't need a JavaScript application to reach the browse...

A user fills in your form and clicks "Create post". The post is saved in the database. And the page shows "Could not create post". They try again. Now there are two posts. Nothing is wrong with your database. Your error handling caught something it...

Hey CoderLegion community! 👋 Millions of educational books sit unused on shelves after a student completes a academic year, while millions of other students struggle to afford high-quality learning resources. To solve this, I built Shiori GLOBAL 🌿—...

Two weeks ago I wrote the overview: a static indie site needs three machine-readable files — sitemap, schema, and llms.txt. That post told you what each one is for. This one is the part I left out on purpose: the actual code. I run NitroIDE, a browse...

Here is a pattern I see in almost every React codebase I read: const fullName, setFullName = useState''; useEffect => { setFullNamefirstName + ' ' + lastName; }, firstName, lastName; It works. It also renders twice every time a name changes, sh...

What is the Drag and Drop API? The Drag and Drop API is a built-in browser capability that allows web applications to make elements on a webpage interactive through dragging and dropping. Instead of forcing users to click buttons or select items fr...

Deep cloning objects in JS used to require third-party libraries like Lodash or hacky JSON serialization that dropped Date objects, Map, Set, and RegExp. JavaScript const original = { user: "Joseph", joined: new Date, roles: new Set"admin", "d...

What Is the Facade Pattern? The facade pattern is a structural software design pattern that provides an uncomplicated, unified interface in front of a complex collection of classes, libraries, or APIs. Instead of forcing your application code to in...

I'm Shawn Sun, a front-end engineer, and I just put a fancy text converter online. This is a developer community, so here are the parts that were fun to build instead of a feature list. !The converter's home page: one text box, category chips, and a...

Introduction Booking a consultation should be straightforward for the person making the appointment. Behind the scenes, however, an automated booking system has to coordinate several moving parts: collecting customer information, checking availabi...

By Paul Gendek. Originally published on DEVhttps://dev.to/paulgendek/designing-browser-music-controls-around-the-next-beat-29f6. The original DEV article is labelled “Fully Autonomous”; its AI disclosure is retained below. When I am playing guitar a...

Most developers I know have the same relationship with Vim: they learned just enough to exit it, and never went further. I wanted to fix that, so I built Vimrealmhttps://vimrealm.com?ref=coderlegion: a browser RPG where you type real Vim commands to ...

!Fizzdoc Home Edit & Createhttps://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/319bto3g9dfv5s24arrw.png Most "free online PDF tool" sites have the same architecture: your file goes up to their server, gets processed, and comes back. ...

Headless Vue + WordPress Boilerplate v2.0.0 Yes, Version 2.0.0 is here!!! This boilerplate allows you to use Vue as the front-end for your WordPress theme in a headless architecture. WordPress handles the backend and REST API, while Vue powers the...