PuruVJ articles - 35 total
Why I Analyzed 16,384 Bundle Combinations (And You Should Too)
How building a modular drag-and-drop library led me to analyze every possible plugin combination and achieve radical bundle size transparency for developers.
neotraverse: unbloating traverse
NPM: npmjs.com/package/neotraverse GITHUB: github.com/puruvj/neotraverse You might have heard of...
perf: private count vs #count
Which one is faster: private count or #count? If you are a JavaScript developer, you might have...
Jotai: The ultimate React State Management
Jotai is a relatively new state management library for React. It's simple, but make no mistakes, it's...
macOS Web: Why I moved from React to Svelte
I recently moved macOS web from Preact to Svelte. Here's a firsthand account of my experience.
Trying Golang as a JavaScript lover
I have written JavaScript, TypeScript, Dart, Python, PHP, C, C++, but never tried golang before. Here is my first hand experience trying it out
The Zen of Preact's source code
Dive into Preact's source code and explore its simplicity
Why I moved from Styled Components to (S)CSS modules
A little writeup of my reasons behind moving from Styled Components to SCSS modules, and the benefits I got out of this.
Do you read your own blog posts after publishing?
Do you really read own blog posts after they're verified and published? Write in comments, or if you...
Amazing macOS Dock animation in Svelte
Let's make the beautiful macOS Dock animation using Svelte
Mindblowing 🤯 TypeScript tricks
Some TypeScript tricks that will blow your mind right off!!
Moving React app to Preact ⚛ in 10 minutes with Vite
How I moved my 40+ components app from React to Preact in under 10 minutes.
React TypeScript Hooks issue when returning array
React and TypeScript make up a great pair. But when you're trying to make your own hooks, and returning an array, TypeScript yells at your. Find out why.
Using TypeScript without TypeScript 😎
Wanna use TypeScript but don't want all the compiler and tooling overhead? Read on to know how.
How to infer recursive types with generics
I have a helper function that infers types from the keys of object I pass to it. Helps in autocomplet...
An Ode ❤ to TypeScript
TypeScript is cool. Super cool. It's made us Web Dev's life super easy. Read me being a total fanboy about it.
Bye bye Callbacks, hello Promises in NodeJS
Completely get rid of callbacks in NodeJS and replace them with the great Promises.
NodeJS Create folder if not exists in 3 lines - No dependencies
The simplest and dependency-free way to create a folder in NodeJS if it doesn't exist
Simple code with fs.promises and async await
If you've spent some time with Node's fs API, you know how huge a pain its callback based pattern can get. Read out how to flatten your code using promises and async await syntax
Top level Await is AWESOME!! 😍
Top level await is literally the GOAT (Greatest of All Time). In every way. Read on to know why, how to use it, and its implications
Free Github pro and Perks for Students
Are you a student? Then you better enroll yourself into getting the Github Student Developer Pack. So many great perks. Find out more about it.
Setting up auto-formatting in VSCode in 5 minutes
Set up auto formatting in VSCode in just 5 minutes.
Cleaning up tag-along git commits in Pull Requests
It's easy to submit dirty PRs with unnecessary number of stowaway commits. Learn how to clean this up.
Async Await usage and pitfalls in Array.prototype.map() and chaining
Using async await in array methods is quite tricky. But it gets even trickier when you chain multiple array methods. Find out how.
Simplify code by promisifying `setTimeout`
Simplify and clean your codebase by making setTimeout more idiomatic using Promises
Split Array into `n` number of chunks
Split an array into `n` number of multiple arrays with JavaScript
GIF to MP4 conversion for web using NodeJS
GIF to MP4 conversion for performance is all the rage nowadays. But doing so in practice is really difficult, especially for cross-browser compatibility. Learn how to do it right
(Part 3) Image Optimization Automation with Incremental builds - How I created my personal site
In this post, I delve deep into how I automated image optimization on my blog.
(Part 2) Blogging with Markdown - How I created my personal site
In this post, I delve into the details of how I built the blogging with markdown system
(Part 1) How I created my personal site
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.