Puru's Blog

How neotraverse 1.0 turned a class into a tree-shakeable toolbelt of ~50 helpers, survived a deep security audit, and grew a stack-safe neotraverse/safe entry for the deep, untrusted trees recursion can't handle.

I got tired of rewriting the same AI boilerplate.

How to build an interval that automatically adapts its timing when your app state changes—no manual cleanup required.

It's time to demystify Svelte 5's magic and see how it's actually just syntactic sugar.

Neodrag V3 Alpha is out!

My Playwright drag-and-drop tests failed half the time and couldn't run on CI.

Building bulletproof localStorage utilities with cross-tab sync, Zod validation, and automatic cleanup using Svelte 5 runes.

How building a modular drag-and-drop library led me to analyze every possible plugin combination and achieve radical bundle size transparency for developers.

Neodrag v3 has plugin system performance improvements, revamped architecture, deep-level of control

How life is just a bunch of buckets, a tap, and how to make the best of it.

This is the entire process of why and how I forked traverse npm package into neotraverse.

What are the performance differences between private and public count in JavaScript?

I recently moved macOS web from Preact to Svelte.

I have written JavaScript, TypeScript, Dart, Python, PHP, C, C++, but never tried golang before.

If you're a TypeScript Dev, here are a few things you can do to get that sweet, sweet CSS class intellisense

Dive into Preact's source code and explore its simplicity

A little writeup of my reasons behind moving from Styled Components to SCSS modules, and the benefits I got out of this.

Let's make the beautiful macOS Dock animation using Svelte

There's a lot about TypeScript that most people don't know.

How I moved my 40+ components app from React to Preact in under 10 minutes

React and TypeScript make up a great pair.

Wanna use TypeScript but don't want all the compiler and tooling overhead?

TypeScript is cool.

Completely get rid of callbacks in NodeJS and replace them with the great Promises.

The simplest and dependency-free way to create a folder in NodeJS if it doesn't exist

If you've spent some time with Node's fs API, you know how huge a pain its callback based pattern can get.

Top level await is literally the GOAT (Greatest of All Time).

Are you a student?

Set up auto formatting in VSCode in just 5 minutes.

Just some random rant to make myself blog every week

It's easy to submit dirty PRs with unnecessary number of stowaway commits.

Using async await in array methods is quite tricky.

Simplify and clean your codebase by making setTimeout more idiomatic using Promises

Split an array into `n` number of multiple arrays with JavaScript

GIF to MP4 conversion for performance is all the rage nowadays.

In this post, I delve deep into how I automated image optimization on my blog.

In this post, I delve into the details of how I built the blogging with markdown system

In this post, I delve into the details of the design part of how I built my personal site with StencilJS and what did I use to do so.

Do you know adding a link with target=_blank has the potential of crashing your page and is very insecure?

Efficiently and Asynchronously load Google Fonts based on Data Saver mode

Have you ever heard this term "Web Workers" mentioned somewhere and wondered what the hell is this new thing?

How to detect route changes in StencilJS Router using the core StencilJS APIs.

Stencil Helmet can break the whole app really bad on some occasions, some so random that you might never find out why

My very first blog post on my very first functional site