A dev blog about JavaScript, React, TypeScript, cloud, AI, systems, and the messy parts of building software.https://blog.coolhead.in/https://blog.coolhead.in/best-delhi-metro-app-download-route-planner-saarthi/https://blog.coolhead.in/best-delhi-metro-app-download-route-planner-saarthi/If you are searching for the best Delhi Metro app download, you probably want one of three things:Wed, 10 Jun 2026 12:00:00 GMThttps://blog.coolhead.in/draw-japan-flag-using-tsl-threejs-shading-language/https://blog.coolhead.in/draw-japan-flag-using-tsl-threejs-shading-language/Learn More about the japanese Flag → https://en.wikipedia.org/wiki/Flag\of\JapanFri, 19 Dec 2025 07:43:29 GMThttps://blog.coolhead.in/improve-your-website-web-vitals/https://blog.coolhead.in/improve-your-website-web-vitals/Core Web Vitals metrics →Tue, 16 Dec 2025 13:37:29 GMThttps://blog.coolhead.in/understanding-npm-link-and-its-better-alternative-in-pnpm/https://blog.coolhead.in/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 libraSun, 26 Oct 2025 14:17:49 GMThttps://blog.coolhead.in/friends-as-mentors-making-mistakes-in-adulthood/https://blog.coolhead.in/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 anTue, 07 Oct 2025 16:43:24 GMThttps://blog.coolhead.in/creating-vector-search-with-tidb-serverless-and-drizzle/https://blog.coolhead.in/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 drizzMon, 29 Sep 2025 22:14:59 GMThttps://blog.coolhead.in/best-pdf-parsers-for-rag-applications/https://blog.coolhead.in/best-pdf-parsers-for-rag-applications/Overcoming PDF HellMon, 22 Sep 2025 16:58:38 GMThttps://blog.coolhead.in/how-to-add-nprogessyoutube-loading-bar-in-tanstack-start/https://blog.coolhead.in/how-to-add-nprogessyoutube-loading-bar-in-tanstack-start/Install the library from npm:Mon, 08 Sep 2025 10:26:50 GMThttps://blog.coolhead.in/the-cap-theorem-for-marketing/https://blog.coolhead.in/the-cap-theorem-for-marketing/Cap TheoremTue, 22 Jul 2025 13:45:08 GMThttps://blog.coolhead.in/learning-through-pain-points/https://blog.coolhead.in/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 stThu, 05 Jun 2025 01:08:56 GMThttps://blog.coolhead.in/how-to-build-a-custom-badge-web-component-with-theme-size-rtl-support-and-icons/https://blog.coolhead.in/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, custoMon, 26 May 2025 07:36:18 GMThttps://blog.coolhead.in/system-design-build-your-own-calendar/https://blog.coolhead.in/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.Sat, 17 May 2025 21:30:27 GMThttps://blog.coolhead.in/web-workers-vs-service-workers-vs-worklets/https://blog.coolhead.in/web-workers-vs-service-workers-vs-worklets/What are Web Workers?Sat, 17 May 2025 21:24:13 GMThttps://blog.coolhead.in/creating-a-performant-rectangle-selection-box-with-callbacks-using-web-components/https://blog.coolhead.in/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 userFri, 07 Feb 2025 16:47:54 GMThttps://blog.coolhead.in/css-animation-performance-cheatsheet/https://blog.coolhead.in/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:Fri, 07 Feb 2025 10:42:02 GMThttps://blog.coolhead.in/10-exciting-web-trends-to-watch-in-2025/https://blog.coolhead.in/10-exciting-web-trends-to-watch-in-2025/1. Web GPUSun, 05 Jan 2025 13:58:53 GMThttps://blog.coolhead.in/explaining-scoped-context-in-react-with-example/https://blog.coolhead.in/explaining-scoped-context-in-react-with-example/React Context is a Global VariableSat, 21 Dec 2024 15:22:18 GMThttps://blog.coolhead.in/top-10-books-on-design-system-that-i-read-last-year/https://blog.coolhead.in/top-10-books-on-design-system-that-i-read-last-year/This blog would be helpful for UI/UX designers, product manager, product designers, frontend developers, if you have peer or friends in those roles do share the blog with them. CanSat, 14 Dec 2024 05:45:51 GMThttps://blog.coolhead.in/explained-symbol-in-javascript-with-examples/https://blog.coolhead.in/explained-symbol-in-javascript-with-examples/Symbol is a builtin object whose constructor returns a symbol primitive — also called a Symbol value or just a Symbol — that's guaranteed to be unique. Symbols are often used to adSat, 30 Nov 2024 06:35:15 GMThttps://blog.coolhead.in/mixins-in-typescript/https://blog.coolhead.in/mixins-in-typescript/A mixin is an abstract subclass; i.e. a subclass definition that may be applied to different superclasses to create a related family of modified classes.Sat, 30 Nov 2024 06:27:04 GMThttps://blog.coolhead.in/mental-model-for-typescripts-type-system/https://blog.coolhead.in/mental-model-for-typescripts-type-system/This article is based on my learning from the book Effective Typescript by Dan VanderkamMon, 09 Sep 2024 11:52:27 GMThttps://blog.coolhead.in/data-modeling-for-subscription-gateway-services-integration-like-stripe-and-razorpay-with/https://blog.coolhead.in/data-modeling-for-subscription-gateway-services-integration-like-stripe-and-razorpay-with/So, You want to create a subscription as a service app. In this article, We are going to create a simple data model for sass app.Mon, 09 Sep 2024 11:17:20 GMThttps://blog.coolhead.in/builder-patter-in-rust-explained-with-example/https://blog.coolhead.in/builder-patter-in-rust-explained-with-example/Use the Rust Playground, for handson learning: https://play.rustlang.org/Tue, 02 Jul 2024 22:50:18 GMThttps://blog.coolhead.in/file-upload-on-azure-in-react/https://blog.coolhead.in/file-upload-on-azure-in-react/Code Snippet : Azure sdkTue, 02 Jul 2024 13:33:55 GMThttps://blog.coolhead.in/unzip-files-in-react-app/https://blog.coolhead.in/unzip-files-in-react-app/Code Snippet, using zip.js library:Tue, 02 Jul 2024 13:19:43 GMThttps://blog.coolhead.in/implementing-a-queue-in-rust-using-a-vector/https://blog.coolhead.in/implementing-a-queue-in-rust-using-a-vector/Queues are fundamental data structures in computer science, often used for managing data in a firstin, firstout (FIFO) manner.Mon, 11 Mar 2024 19:00:02 GMThttps://blog.coolhead.in/what-are-monoids-in-functional-programming-explain-with-examples-in-javascript/https://blog.coolhead.in/what-are-monoids-in-functional-programming-explain-with-examples-in-javascript/What is a Monoid?Tue, 13 Feb 2024 17:58:46 GMThttps://blog.coolhead.in/graph-data-science-with-neo4j/https://blog.coolhead.in/graph-data-science-with-neo4j/In GDS we refer to this process as projecting a graph and refer to the inmemory graph as a graph projection. GDS can hold multiple graph projections at once and they are managed byTue, 13 Feb 2024 17:31:18 GMThttps://blog.coolhead.in/building-a-bento-theme-for-hashnode/https://blog.coolhead.in/building-a-bento-theme-for-hashnode/A bit of Nostalgia 🖋️Fri, 02 Feb 2024 06:30:33 GMThttps://blog.coolhead.in/i-created-an-interactive-site-for-chandrayaan-3-case-study/https://blog.coolhead.in/i-created-an-interactive-site-for-chandrayaan-3-case-study/Here, is the Video of the project:Fri, 29 Dec 2023 01:36:12 GMThttps://blog.coolhead.in/notes-on-simon-devs-shader-course/https://blog.coolhead.in/notes-on-simon-devs-shader-course/If you like Shader, and would want to learn more about shader, Simon devs course is great.Thu, 28 Dec 2023 10:02:13 GMThttps://blog.coolhead.in/i-improved-my-todo-list/https://blog.coolhead.in/i-improved-my-todo-list/TLDR,Tue, 19 Dec 2023 08:11:04 GMThttps://blog.coolhead.in/iterator-methods-and-combinators-in-rust/https://blog.coolhead.in/iterator-methods-and-combinators-in-rust/Hey guys, I am learning rust and i create a comprehensive list of iterators in rust. I really do think this would be helpful for you as well.Tue, 05 Dec 2023 18:26:15 GMThttps://blog.coolhead.in/10-microservices-that-you-can-build-in-nodejs-in-under-30-minutes/https://blog.coolhead.in/10-microservices-that-you-can-build-in-nodejs-in-under-30-minutes/Beginner projects for Nodejs that you can build to showcase your skills. I made this list while learning microservices architecture in Nodejs.Tue, 05 Dec 2023 18:14:37 GMThttps://blog.coolhead.in/must-know-rust-macros-for-beginners/https://blog.coolhead.in/must-know-rust-macros-for-beginners/Macros are a powerful feature in Rust, and learning to use them effectively can significantly enhance your productivity. Here are some commonly used and helpful macros for Rust begMon, 04 Dec 2023 18:15:25 GMThttps://blog.coolhead.in/difference-between-intoiter-iter-and-itermut-in-rust/https://blog.coolhead.in/difference-between-intoiter-iter-and-itermut-in-rust/In Rust, intoiter(), iter(), and itermut() are methods provided by the Iterator trait, and they are used to create iterators over collections. Here's a breakdown of the differencesFri, 24 Nov 2023 13:10:56 GMThttps://blog.coolhead.in/garbage-collector-in-javascript/https://blog.coolhead.in/garbage-collector-in-javascript/In JavaScript, memory management is handled by the JavaScript engine and its runtime environment. One crucial memory management component is the Garbage Collector (GC), which is reTue, 15 Aug 2023 18:29:24 GMThttps://blog.coolhead.in/demystifying-javascript-terminology/https://blog.coolhead.in/demystifying-javascript-terminology/1. Syntax Parser: A Program that reads and determines what it does and if the grammar is valid.Wed, 09 Aug 2023 12:18:19 GMThttps://blog.coolhead.in/naming-variables-in-rust/https://blog.coolhead.in/naming-variables-in-rust/Here is a table that you follow the naming variables in Rust.Wed, 09 Aug 2023 11:37:22 GMThttps://blog.coolhead.in/preparing-for-azure-204/https://blog.coolhead.in/preparing-for-azure-204/Hey, I am preparing for Azure 204 Developer Certification. These are the resources that I collected. If you already have other resources, Tips or Guides, please share them with usWed, 09 Aug 2023 11:15:25 GMThttps://blog.coolhead.in/create-tik-tokyoutube-shorts-like-snap-infinite-scroll-react/https://blog.coolhead.in/create-tik-tokyoutube-shorts-like-snap-infinite-scroll-react/Scroll snap is when you scroll a little and it auto scrolls to the next card in the list. You must have seen this feature on Instagram, youtube shorts and TikTok.Tue, 23 May 2023 13:36:49 GMThttps://blog.coolhead.in/processes-vs-threads-explained-with-analogy/https://blog.coolhead.in/processes-vs-threads-explained-with-analogy/What is a Process?Fri, 05 May 2023 10:24:09 GMThttps://blog.coolhead.in/what-is-http3-protocol-explained/https://blog.coolhead.in/what-is-http3-protocol-explained/Recently, Pinterest move to HTTP 3.Sat, 01 Apr 2023 11:26:42 GMThttps://blog.coolhead.in/create-webstories-from-your-hashnode-blog-posts/https://blog.coolhead.in/create-webstories-from-your-hashnode-blog-posts/Create web stories visit: webstory.coolhead.inSun, 05 Mar 2023 11:01:26 GMThttps://blog.coolhead.in/functional-programming-composition-of-functions/https://blog.coolhead.in/functional-programming-composition-of-functions/Input of one function comes from the output of another function.Mon, 10 May 2021 12:03:43 GMThttps://blog.coolhead.in/10-ways-to-work-with-objects-in-javascript/https://blog.coolhead.in/10-ways-to-work-with-objects-in-javascript/10 Ways to Work with Objects in JavascriptFri, 01 Jan 2021 00:00:00 GMThttps://blog.coolhead.in/21-things-i-learnt-in-2022/https://blog.coolhead.in/21-things-i-learnt-in-2022/21 Things I learnt in 2022Fri, 01 Jan 2021 00:00:00 GMThttps://blog.coolhead.in/array-some-method-in-javascript/https://blog.coolhead.in/array-some-method-in-javascript/Array.some method in Javascript.Fri, 01 Jan 2021 00:00:00 GMThttps://blog.coolhead.in/blogto-vscode-extension-to-help-you-post-blogs-to-hashnode-medium-and-dev-to/https://blog.coolhead.in/blogto-vscode-extension-to-help-you-post-blogs-to-hashnode-medium-and-dev-to/BLOGTO: Vscode extension to help you post blogs to Hashnode, Medium and Dev.toFri, 01 Jan 2021 00:00:00 GMThttps://blog.coolhead.in/ckltcygw607drzzs1ass62197/https://blog.coolhead.in/ckltcygw607drzzs1ass62197/Meditation || ChakrasFri, 01 Jan 2021 00:00:00 GMThttps://blog.coolhead.in/create-infinite-scroll-in-react/https://blog.coolhead.in/create-infinite-scroll-in-react/Create Infinite Scroll In ReactFri, 01 Jan 2021 00:00:00 GMThttps://blog.coolhead.in/difference-between-function-scope-and-block-scope-in-javascript/https://blog.coolhead.in/difference-between-function-scope-and-block-scope-in-javascript/Difference between function scope and block scope in javascript ?Fri, 01 Jan 2021 00:00:00 GMThttps://blog.coolhead.in/explained-catamorphism-in-functional-programming-with-examples-in-javascript/https://blog.coolhead.in/explained-catamorphism-in-functional-programming-with-examples-in-javascript/Explained: Catamorphism in Functional Programming with examples in javascriptFri, 01 Jan 2021 00:00:00 GMThttps://blog.coolhead.in/explained-currying-in-functional-programming-with-examples-in-javascript/https://blog.coolhead.in/explained-currying-in-functional-programming-with-examples-in-javascript/Explained Currying in Functional Programming? With examples in javascriptFri, 01 Jan 2021 00:00:00 GMThttps://blog.coolhead.in/functional-programming-functions/https://blog.coolhead.in/functional-programming-functions/Functional Programming : FunctionsFri, 01 Jan 2021 00:00:00 GMThttps://blog.coolhead.in/here-is-how-i-write-commit-messages/https://blog.coolhead.in/here-is-how-i-write-commit-messages/Here is how i write commit messagesFri, 01 Jan 2021 00:00:00 GMThttps://blog.coolhead.in/how-to-add-donate-via-upi-button-to-your-hashnode-blog-giveaway-india/https://blog.coolhead.in/how-to-add-donate-via-upi-button-to-your-hashnode-blog-giveaway-india/How to add Donate via UPI button to your Hashnode blog ? [Giveaway][India]Fri, 01 Jan 2021 00:00:00 GMThttps://blog.coolhead.in/how-to-create-avatar-maker-in-next-js-and-react/https://blog.coolhead.in/how-to-create-avatar-maker-in-next-js-and-react/How to create Avatar Maker in Next JS and React ?Fri, 01 Jan 2021 00:00:00 GMThttps://blog.coolhead.in/how-to-deploy-next-js-app-site-on-linode/https://blog.coolhead.in/how-to-deploy-next-js-app-site-on-linode/How to Deploy Next js App/Site on Linode?Fri, 01 Jan 2021 00:00:00 GMThttps://blog.coolhead.in/how-to-do-cors-configuration-for-aws-s3-bucket-to-make-it-work-on-react-website/https://blog.coolhead.in/how-to-do-cors-configuration-for-aws-s3-bucket-to-make-it-work-on-react-website/How to do Cors configuration For AWS S3 Bucket to make it work on React website?Fri, 01 Jan 2021 00:00:00 GMThttps://blog.coolhead.in/lauching-js-interview-bot-on-twitter/https://blog.coolhead.in/lauching-js-interview-bot-on-twitter/🚀Lauching JSInterview Bot on TwitterFri, 01 Jan 2021 00:00:00 GMThttps://blog.coolhead.in/navbar-hide-and-show-on-scroll-using-custom-react-hooks/https://blog.coolhead.in/navbar-hide-and-show-on-scroll-using-custom-react-hooks/Navbar hide and show on Scroll using Custom React HooksFri, 01 Jan 2021 00:00:00 GMThttps://blog.coolhead.in/notes-on-api-modelling/https://blog.coolhead.in/notes-on-api-modelling/Notes on API ModellingFri, 01 Jan 2021 00:00:00 GMThttps://blog.coolhead.in/resources-to-learn-typescript/https://blog.coolhead.in/resources-to-learn-typescript/Resources to Learn TypeScript!Fri, 01 Jan 2021 00:00:00 GMThttps://blog.coolhead.in/seamless-stripe-qr-checkout-with-hasura-as-backend-api/https://blog.coolhead.in/seamless-stripe-qr-checkout-with-hasura-as-backend-api/Seamless Stripe QR Checkout with Hasura as Backend APIFri, 01 Jan 2021 00:00:00 GMThttps://blog.coolhead.in/subask-where-developers-get-question-based-code-snippets/https://blog.coolhead.in/subask-where-developers-get-question-based-code-snippets/SubAsk: Where developers get question based code snippets.Fri, 01 Jan 2021 00:00:00 GMThttps://blog.coolhead.in/web-scraping-with-python-beautiful-soup/https://blog.coolhead.in/web-scraping-with-python-beautiful-soup/Web Scraping with Python : Beautiful SoupFri, 01 Jan 2021 00:00:00 GMT