From If-Else Hell to Clean Architecture with Function Registry Pattern
Stop writing giant if-else blocks for data transformation. Build clean, extensible code with the Function Registry pattern instead.| iO tech_hub
Bun 1.3 introduces zero-config frontend development, unified SQL API, built-in Redis client, security enhancements, package catalogs, async stack traces, VS Code test integration, and Node.js compatibility improvements.| bun.com
We dissect a recent incident where npm packages with millions of downloads were infected by the Shai-Hulud worm. Kaspersky experts describe the starting point for the source of the infection.| Securelist
You want to hide an interactive element that you don't need anymore after JavaScript loads/runs. Can you do it without a "flash" or layout shift?| Frontend Masters Boost RSS Feed
Artem Zakharchenko: A great “aha” moment for me was when I realized you can use a single signal to remove multiple event listeners!| Frontend Masters Boost RSS Feed
Stop writing giant if-else blocks for data transformation. Build clean, extensible code with the Function Registry pattern instead.| iO tech_hub
Explore how React's useState hook works under the hood and understand how state is tracked across renders -- a key to writing correct and predictable code.| Musing Mortoray
In the expanding world of AI my heart still lies in AST transforms, browser fingerprinting, and anti-bot circumvention. But my workflow felt... primitive.| nullpt.rs
Tinqer - Type-safe LINQ-to-SQL query builder for TypeScript| tinqerjs.org
Optique 0.6.0 introduces intelligent shell completion to type-safe command-line applications, supporting Bash, zsh, fish, PowerShell, and Nushell. Unlike traditional CLI frameworks, Optique leverages the same parser structure for both argument parsing and completion, eliminating duplicate definitions and ensuring synchronization. Setting up completion is straightforward, with users generating and sourcing a completion script for their shell. The system works automatically with all Optique par...| Hackers' Pub
As maintainers of the open source framework Electron , we try to be diligent about the work we take on. Apps like Visual Studio Code, Slack, Notion, or 1Password are built on top of Electron and make use of our unique mix of native code and web technologies to make their users happy. That requires focus: There’s always more work to be done than we have time and resources for. In practice, that means that we don’t want to spend time thinking about the server infrastructure for the project...| Heroku
Today we're announcing the open beta of a brand new and incredibly powerful feature on the Report URI platform, CSP Integrity! Having the ability to collect integrity metadata for scripts running on your site opens up a whole new realm of possibilities, and it couldn't be simpler to get started.| Scott Helme
TLDR: I built a simple & fun game using React Native, try it out on iPhone and iPad! In the Beginning…. My kids are 7 & 9 as I write this in 2025, but 6 years ago in 2019 they loved a…| SOS
When most people think of image hosting, they imagine uploading photos to a cloud service and getting back a simple link. It feels seamless, but behind that experience sits a powerful set of technologies. At the core is something called object storag...| freeCodeCamp.org
I am vain. I like to know which of my blog posts have "done numbers". I get a little thrill knowing that an old post I wrote has been read by someone in a land I've never visited. I'm curious and want to know if a newsletter has linked to me. At the same time, I don't want to know too much about people. I don't want to stalk them around the web. I refuse to care how long they spend with me. I…| Terence Eden’s Blog
I’m rather happy with the IndieWeb wiki: it’s at indieweb.org. It’s a great resource and has had great additions and documentation added to it over the years. Folks like gRegor and James and Tantek and many, many, many, others have made and improved terrific living history of independent websites. The topic is so large it...| ArtLung
I've built a few web games in the past (IdleFleet and Cat Herder are two examples), but what I'm sharing today doesn't really fit into the category of a game. This is going to sound terribly pretentious and I apologize in advance, but what I'm sharing today is more an "experience" for lack of a better term. It's part technical exploration, and part cathartic dumping, and just kinda weird. But honestly, the web needs more weird and I'm happy to contribute to that.| Raymond Camden
What was my experience using GenAI tools to design my blog? Well, you're looking at it! As I mentioned last week, my new design came from one of my experiments using GenAI to help me design a new theme, but I wanted to share a bit more about the experience when I had time, and that time is now.| Raymond Camden
A few weeks back, I blogged about analyzing comic books with gen ai, and honestly, it worked really darn well. I extracted the pages with Python, and send them to Google Gemini to create the summary. I was naturally curious to see if this could be done entirely on device, using Chrome's AI support. Here's what I found.| Raymond Camden
This is the 15th of the HARC Stack essays. Previous <= Don’t forget – HARC Stack combines HTMX with raku Air, Red and Cro to supply a fresh approach to web development. Two weeks ago…| Raku::Journey
I’ve been doing the Weekly Challenges. The latest involved array pairs and accumulation. (Note that this ends today.)| RogerBW's Blog: Latest posts
Learn how to set up and configure a React app for Jest and Enzyme testing in just a few steps.| Posts by Ashlee M Boyer
Do you ever feel stumped on what project to create in a new framework after you finish your first tutorial? This one is simple and also a productive use of your time.| Posts by Ashlee M Boyer
Learn how Array.prototype.findLast() and findLastIndex() let you search JavaScript arrays from the end—no .reverse() required. Cleaner, safer, and perfect for UI logic.| allthingssmitty.com
A valid JSON string is a string conforming to the simple grammar described at json.org. In this scenario a string is a finite sequence of Unicode characters. Unicode provides us with an alphabet of some 1,114,112 possible characters, which we number in hexadecimal from 0x0000 ...| qntm.org
Temporal_rs is here! The datetime library powering Temporal in Boa, Kiesel, and V8| boajs.dev
Sometimes you may find your .astro type definitions out of sync of your content configuration file. I don't know why this happens but I wanted to fix this since I want to rely on Typescript whenever I'm accessing properties from my collections. The fix is relatively simple by utilizing Husky.| Billy Le | Blog
I had a problem where my draft blog posts were being committed to my GitHub repository. This might seem like an insignificant issue, but I didn't want a work-in-progress to be publicly viewable. So that's where I came up with a solution to use Husky and a Node script to prevent that.| Billy Le | Blog
이 페이지에서는 이전 게시글에 이어 MongoDB 를 사용하기 위해 필요한 MongoDB shell 사용방법 및 관련 명령어에 대하여 다룬 다. [+] 2025.06.14 - [분류 전체보기] - MongoDB shell 사용방법 및 관련 명령어 - 1 또한, 이 게시글은 도서 O'REILLY 사의 저서 '몽고DB 완벽가이드' 의 내용들을 심화 이해하기 위하여 작성하는 글이다. 이 페이지는 perplexity 를 통해 필자가 어떤 prompt 를 작성하여 ...| DB & AWS Knowledge
We all know the problem: The codebase keeps growing and you end up with lots of code that isn't actively used anymore. Find out how to manage this easily.| Lusitos Tech Blog
A lot of you might have already stumbled over a tagged template literal. It looks similar to a template literal, but with a name in front of the first `. But what exactly is this? And how do you create one?| Lusitos Tech Blog
Recently, I wrote a rant about using the right tools for the job. This sparked some ideas and I needed a project to try it on. I had been writing posts from time to time, so it seemed like a good time to start my own blog.| Lusitos Tech Blog
Some developers keep using the tools they are used to, rather than the best tool for the job. Recently, I had to work on a Multi Page Application, which was rendered using a Single Page Application Framework. Here are my thoughts on how to do it better.| Lusitos Tech Blog
HMR works automagically in almost all popular frontend frameworks. It is, however, possible to control HMR manually. How and why is shown in this Toilet Paper.| Lusitos Tech Blog
I've just released a 2D camera library for web games, with several camera types. Most notable one, which can get influenced by cues in the world and offsets like player movement/aim. Demo link included.| Lusitos Tech Blog
Breaking out of deeply nested conditions and loops in JavaScript? Find out how in this Toilet Paper.| Lusitos Tech Blog
The much-loved NGINX has a limited feature-set. In this Toilet Paper you'll learn how to extend it with custom JavaScript code (NJS).| Lusitos Tech Blog
React forms are often created with state, but this can quickly get complicated and confusing, especially with larger forms. Find out how to create React forms without state, which can help make your code easier to reason with.| Lusitos Tech Blog
I love working on the TypeScript version of Box2D Lights.| Lusitos Tech Blog
Need to provide an object without knowing which operations are applied to it and without writing them manually? No problem with JavaScript Proxy Object!| Lusitos Tech Blog
I had some fun porting Box2D Lights (libgdx version) to TypeScript and WebGL.| Lusitos Tech Blog
Anyone who has ever worked with React will know the file extension JSX (TSX for TypeScript) and the HTML-related syntax. But what lies under the hood?| Lusitos Tech Blog
Everyone knows how to use a browser to perform certain tasks. And yet there are problems many people might work around, because they don't know the browser’s full potential.| Lusitos Tech Blog
Cap'n Web is a new open source, JavaScript-native RPC protocol for use in browsers and web servers. It provides the expressive power of Cap'n Proto, but with no schemas and no boilerplate.| The Cloudflare Blog
At least 18 popular JavaScript code packages that are collectively downloaded more than two billion times each week were briefly compromised with malicious software today, after a developer involved in maintaining the projects was phished. The attack appears to have been quickly contained and was narrowly focused on stealing cryptocurrency. But experts warn that a similar attack with a slightly more nefarious payload could quickly lead to a disruptive malware outbreak that is far more difficu...| Krebs on Security
There is rarely a good reason to use `// @ts-ignore`. `any` and `// @ts-expect-error` are almost always better.| evanhahn.com
Storing Unwise Amounts of Data in JavaScript Bigints This is a short note to document storing data in JS’s bigint type. I tried this out in a project recently, and it’s not obviously a terrible idea, as long as you take into account all the caveats that make it only useful for very specific cases. Why This is a performance1 thing. In the project where I was exploring this, we had a large amount of objects representing configuration values. The possible configuration keys were the same, bu...| jonathan-frere.com
I've written a bookmarklet that helps me link to specific text on a web page.| alexwlchan
The Initial DiscoveryThe other day, while exploring the Zod documentation for some type schema validators for one of my side projects, I stumbled upon something intriguing that didn’t immediately clic| AzraelSec
Discover website inspo curated at the component level. Browse UI patterns, layouts, animations, and more. Updated weekly!| Inspo
.png)
A new supply chain attack against the NPM repository is using novel, self-propagating malware (also known as a worm) to continue spreading itself.| www.sysdig.com
Map, reduce, and filter are all array methods in JavaScript. Each one will iterate over an array and perform a transformation or computation. Each will return a new array based on the result of the function. In this article, you will learn why and ho...| freeCodeCamp.org
It’s American football season again and, as many fans will attest, there are few things more exciting than intercepting a ball thrown by the opposing team’s quarterback – it can truly be a game-changer! Similarly, utilizing JS (JavaScript) HTMX extensions to intercept responses in your web application can yield equally exciting results. By providing new […] The post Interception! appeared first on Simple Thread.| Running The World’s Largest Machine | Part 1 - The Building Blocks - Simple...
Don Fillyfill, the Polyfill Mafia boss, returns with a vengeance. He's holding the galaxy's last remaining legacy browser, "Internet Explorer 6," hostage and demanding a ransom, threatening to unleash a wave of compatibility bugs that would crash galactic commerce.| Seuros Blog - Navigation Logs from the Ruby Nebula
Following Episode 178's Rails.env revelation, Atlas Monkey crew discovers that frontend applications suffer from even worse environmental confusion. When NODE_ENV meets create-react-app, Vite, and Next.js, the result is deployment chaos that makes Rails.env look simple. Echo joins the crew to implement the Frontend Environmental Truth Protocol and end JavaScript's environment deception.| Seuros Blog - Navigation Logs from the Ruby Nebula
How I built a scrolling GIF mosaic for Battle of the Tech Bands: p5.js/WebGL, CRT shader, perceptual hashing, and NSFW filtering on GeoCities classics| Alex Plescan
Exploring how React's dominance by default stifles frontend innovation, and why deliberate framework choices lead to better tools for performance, developer experience, and ecosystem diversity.| Loren Stewart
I've written a bookmarklet that helps me link to specific text on a web page.| alexwlchan.net
It is with no small thanks to MDN, StackOverflow, Firefox's support for countless open tabs, JavaScript's support for first-class functions, and first-class supportive colleagues, I learned it is possible for a web front end novice to program "text art animations". Whatever that is even. Because I thoroughly enjoyed doing just that for Hanukkah of Data 2022. Here's how it went down.| Hi, I'm Aditya Athalye. I make, learn, teach here.
The colors and flavors of Autumn offer plenty of design inspiration. The innovative CSS and JavaScript snippets here will allow you to explore the season and sharpen your skills. The post 8 Autumn-Inspired CSS & JavaScript Effects appeared first on Speckyboy Design Magazine.| Speckyboy Design Magazine
Props for this article go to my best friend, Todd Sharp, who yesterday said something along the lines of, "Hey Ray, you should blog a demo of ..." which is pretty much akin to bring out a laser pointer in front of a cat. Not only do I love getting ideas for new demos, his idea was actually pretty freaking brilliant, which means I get to pretend I'm brilliant as well.| Raymond Camden
This is the 14th of the HARC Stack essays. Previous <= As if you didn’t know, HARC Stack combines HTMX with raku Air, Red and Cro to supply a fresh approach to web development. Hot news th…| Raku::Journey
I’ve been doing the Weekly Challenges. The latest involved array analysis and matrix incrementing. (Note that this ends today.)| RogerBW's Blog
Step-by-step build of a tiny Chrome extension that highlights LinkedIn posts/likes/comments by people you care about. No backend, no tracking. Config stored in chrome.storage.sync. Full code included.| AI Agents That Work Blog
In this article, various techniques to conduct port scanning from within the browser are developed. Modern JavaScript is used.| incolumitas.com
Learn how Promise.any() helps you handle multiple promises by resolving with the first success, perfect for fallback APIs and progressive features in JavaScript.| allthingssmitty.com
“Variables in JavaScript are fundamentally the same as object properties”| Mikkel Høgh
A massive NPM supply chain attack has compromised foundational packages like Chalk, affecting over 1 billion weekly downloads. We dissect the crypto-stealing malware and show you how to protect your projects immediately.| jdstaerk.substack.com
Note: the situation is still unfolding, I’ll update this article as more comes in. On September 8 2025, around 13:00 UTC, someone compromised Josh Junon’s npm account (qix) and started publishing b...| fasterthanli.me
Have fun with creative coding. Discover how Perlin noise adds life into your creations, replacing harsh randomness with flowing, natural patterns. Creating particles, flow fields, and terrains that feel organic and alive.| iO tech_hub
This post introduces Optique, a new library created to address the pervasive problem of repetitive and often messy validation code in CLI tools. The author was motivated by the observation that nearly every CLI tool reinvents the wheel with similar validation patterns for dependent options, mutually exclusive options, and environment-specific requirements. Optique leverages parser combinators and TypeScript's type inference to ensure that CLI arguments are parsed directly into valid configura...| Hackers' Pub
Discover the amusing and perplexing problem of users getting stuck on outdated Single-Page Application (SPA) code in open tabs. Unveiling a clever solution| CodeSmash
In the ever-evolving world of web development, trends come and go like fashion fads. One such trend that has caught the attention of developers is React server components. While touted as an innovative approach, it's hard to ignore the striking simil...| CodeSmash
When I was studying one of the hardest things in programming was memory management. In the vast majority of low-level languages (which you should at least briefly learn if you plan to boost your computer science understanding), memory is managed manu...| CodeSmash
| Tan Li Hau's Blog
| Tan Li Hau's Blog
| Tan Li Hau's Blog
I am going to share an anecdote on how I implemented {#key} logic block in Svelte| Tan Li Hau's Blog
| Tan Li Hau's Blog
| Tan Li Hau's Blog
Svelte issue #5012 - Slot containing only {@html value} renders in wrong place on update| Tan Li Hau's Blog
How to retry asynchronous function using the callback pattern, promise chain and async await. Mental model for asynchronous JavaScript.| Tan Li Hau's Blog
I am going to tell you an anecdote on how I investigated and fixed a bug in Svelte. I documented down my train of thoughts as detailed as possible. I hope this gives anyone who is reading, a glimpse on how to work on the Svelte source code.| Tan Li Hau's Blog
| Tan Li Hau's Blog
The Svelte compilation process can be broken down into 4-steps, 1) parsing source code into AST, 2) tracking references and dependencies, 3) creating code blocks and fragments, and 4) generate code.| Tan Li Hau's Blog
| Tan Li Hau's Blog
| Tan Li Hau's Blog
A quick walkthrough on how I created my pet in the browser for the Super Silly Hackathon 2019.| Tan Li Hau's Blog
Step-by-step guide on implementing a JSON parser| Tan Li Hau's Blog
A thought experiment on how you can pause and resume the execution of a JavaScript function| Tan Li Hau's Blog
Why would I install a package with so many files and dependencies, just to do a something simple that can be done in 12 lines of code?| Tan Li Hau's Blog
Manipulating AST is not that hard anyway| Tan Li Hau's Blog
We've built a simple bundler to bundle javascript code. Let's add CSS, HTML and serve it in the browser!| Tan Li Hau's Blog
Forking babel parser and creating your custom JavaScript syntax isn't as hard as you think.| Tan Li Hau's Blog
In my previous article, I explained how module bundler works. In this article, I am going to show you how I wrote my module bundler...| Tan Li Hau's Blog
...said me to my colleague, "If I could come up with a program to solve this, I would stop playing it"| Tan Li Hau's Blog
Writing your first babel plugin| Tan Li Hau's Blog
What happened when you do a rebase| Tan Li Hau's Blog
understand how module bundler works| Tan Li Hau's Blog
Background5 years ago, I wrote Compile Svelte in your head. That was written for Svelte 3.But now, almost 1 year into Svelte 5 release, which introduce tons of new features, such as runes, fine-grained reactivity, and more, ...| lihautan.com
Explore the differences between Python vs. JavaScript and see how your JavaScript knowledge can ease your Python learning curve.| Treehouse Blog
