Writing

Notes on building software

Articles on software engineering, product development, and shipping.

· 22 min read

 How JavaScript works under the hood

'In this article, we will learn a little history of JavaScript, How does JavaScript work under the hood? What is the Runtime environment? What role does the JavaScript engine play in code execution? What the heck is Execution context? What are Scope, TDZ, and a lot more?

  • #JavaScript
  • #Runtime environment
  • #JS Engine
  • #Scope

· 5 min read

From Requirements to Products: Thinking Beyond the Ticket

A developer can become very good at turning requirements into code. But building better products requires going one step further: understanding the problem behind the requirement and deciding what is actually worth building.

  • #Product Engineering
  • #Product Thinking
  • #Shape Up

· 6 min read

RAG Is Not a Product Strategy

RAG has become one of the default answers to AI product problems. But before adding embeddings, vector databases, and retrieval pipelines, it is worth asking a simpler question: what problem are we actually trying to solve?

  • #AI Engineering
  • #Product Engineering
  • #Product Thinking
  • #RAG

· 11 min read

How JavaScript works under the hood (Part 2)

In this article, we will be focussing more on the remaining three major components of JavaScript runtime in the context of the browser which are Web APIs, Callback queue and The Eventloop. We will learn drawbacks of JS single-threaded nature.

  • #JavaScript
  • #Runtime environment
  • #Callback queue
  • #Evenloop

· 8 min read

Object Oriented Programming (OOP) in JavaScript

In this article, we will explore the basics of OOP in JavaScript, including objects, classes, and inheritance. We will also look at how to use some of the advanced features of OOP in JavaScript, such as encapsulation and polymorphism.

  • #JavaScript
  • #Object Oriented Programming
  • #Classes
  • #Web Development

· 20 min read

Ultimate Guide on SSR, SSG, ISR, CSR in Next.js

Are you a React lover? If you ask me, of course, I am a die-hard fan. In this article, will compare React and Next.js performance, CSR vs SSR, types or prerendering in Next.js, and something called ISR.

  • #Next.js
  • #Server Side Rendering
  • #Static Site Generation
  • #Client Side Rendering

· 5 min read

Implementing LinkedList data structure in JavaScript

LinkedList data structure can store list of different nodes, each node containing data and a reference to next node, previous node, or both. First node in the LinkedList is referred to as head and last node is called tail.

  • #JavaScript
  • #Datastructures
  • #Algorithms

· 5 min read

Implementing Stack data structure in JavaScript

In computer science, a data structure is a format to organize, manage and store data in a way that allows efficient access and modification. Data structures are the most basic concept of any programming language that help us play with data.

  • #JavaScript
  • #Datastructures
  • #Algorithms

· 5 min read

Implementing Binary Search Tree (BST) data structure in JavaScript

A Binary search tris a data structure used in computer science for organizing and storing data in a sorted manner. Each node in a Binary Search Tree has at most two children, a left child and a right child.

  • #JavaScript
  • #Datastructures
  • #Algorithms

· 5 min read

Implementing Hashmap data structure in JavaScript

Queue data structure works similar as a real life queue. People keep joining from the end of the queue, and people leave from the front. This specific pattern in programming terms is referred as FIFO (First in, first out) pattern.

  • #JavaScript
  • #Datastructures
  • #Algorithms

· 5 min read

Implementing Queue data structure in JavaScript

Queue data structure works similar as a real life queue. People keep joining from the end of the queue, and people leave from the front. This specific pattern in programming terms is referred as FIFO (First in, first out) pattern.

  • #JavaScript
  • #Datastructures
  • #Algorithms

· 6 min read

Implementing Layout Structure in NextJs the right way

When I started coding in NextJs, I really struggled while implementing Layout based architecture. The React model allows us to build UI in a series of components. Many of these components are often reused between pages. Layouts let you build consistent UI throughout your application.

  • #Next.js
  • #Layouts
  • #Frontend
  • #webdev

· 3 min read

Implementing i18n in Next.js 15 (App) using i18next

Learn how to implement full internationalization (i18n) in a Next.js 15+ App Router project using i18next, react-i18next, next-i18n-router, and i18next-resources-to-backend. This guide covers server-side and client-side translations, dynamic locale routing, and a sleek language switcher—all with a clean, maintainable setup. Multilingual apps don’t have to be a headache. 😉

  • #Next.js
  • #i18next