Improve Your Website Web Vitals
Core Web Vitals metrics →
Pratik Sharma
React developer, full stack builder, New Delhi.
Full Stack developer from New Delhi, India. Helping startups, bloggers and artists build their ideas.
66 articles restored
Dec 19, 2025
Draw Japan Flag Using TSL - Threejs Shading language
Learn More about the japanese Flag → https://en.wikipedia.org/wiki/Flag\of\Japan
Understanding npm link and Its Better Alternative in pnpm
If you’ve ever built multiple JavaScript packages that depend on each other, you’ve probably used — or at least heard of — npm link. It’s a handy tool that lets you work on a libra
Friends as Mentors - Making Mistakes in adulthood
Irrespective of your age. You will make mistakes. As a serious person, who really regrets when something goes wrong. Like I would have nightmares of my mistakes. This has become an
Latest Posts
View all
Creating Vector Search with TiDB Serverless and Drizzle
Vector Search has become highly popular with RAG Systems. In this blog we will learn how we can use the TiDB serverless library to connect with our Database, create schema in drizz
Best PDF Parsers for RAG Applications
Overcoming PDF Hell
How to add NProgess/Youtube loading bar in tanstack start
Install the library from npm:
The CAP Theorem for Marketing
Cap Theorem
Learning Through Pain Points
I remember when i first got into web dev. I realised that i can search my queries and get the answers. But once you are into the rabbit hole of debugging, you do learn a lot and st
🏷 How to Build a Custom Badge Web Component with Theme, Size, RTL Support, and Icons
Badges are small UI elements that provide contextual hints, often used to represent statuses, counts, or metadata. In this article, we’ll walk through how to create a modern, custo
System Design: Build your own Calendar
This is about me learning/preparing for System Design while creating an Calendar app. Blog is not written as a tutorial but more like an personal guide.
Web Workers vs Service Workers vs Worklets
What are Web Workers?
Creating a Performant Rectangle Selection Box with Callbacks Using Web Components
In this article, you'll learn how to create a performant rectangle selection box using web components and JavaScript. The objective is to build an interactive tool that allows user
CSS Animation Performance - CheatSheet
Here’s a comprehensive table of CSS properties categorized by their impact on browser rendering performance, specifically focusing on Layout, Paint, and Composite:
10 Exciting Web Trends to Watch in 2025
1. Web GPU
Explaining Scoped Context in React with example
React Context is a Global Variable