Welcome to the Coding section of my blog

I share my journey, insights, and progress as I navigate the ever-evolving world of programming.

Here, I document my experiences with various programming languages, frameworks, and tools, as well as the challenges I face and the solutions I discover along the way.
From debugging dilemmas to breakthrough moments, each post reflects my passion for problem-solving and my commitment to improving my craft.
Join me as I explore the intricacies of code, share tips and tricks, and celebrate the small victories that make programming such a rewarding endeavor.

coding
Published on

Building a Feature-Rich To-Do List App with Vanilla JavaScript & PWA Support

To brush up my vanilla javascript with this to-do-list from easy to hard

coding
Published on

Implementing Drag & Drop in a To-Do List with JavaScript

Drag and drop feature with JavaScript tutorial

coding
Published on

Understanding Memory Usage in Web Applications

How Memory Works in a Web Page? When a webpage runs, memory is mainly used in two ways...

coding
Published on

JavaScript Loops: When to Use Map, forEach, for, and for...of

Explore the options of looping through items using JavaScript, the pros and cons of each option

coding
Published on

Using Tailwind CSS to Enhance My Vanilla JavaScript To-Do List App

Steps of adding TailwindCSS to vanilla JavaScript & HTML projects

coding
Published on

Better Code for Dynamically Creating Elements in Vanilla JavaScript

Compare the difference of using InnerHTML and modular function for better vanilla Javascript coding practice when dynamically creating elements

coding
Published on

Compare CSR, SSR, SSG, and ISR: Lessons Learned While Building the Sitemap Page

Added a Sitemap Page in 2024! πŸ—ΊοΈ Learned CSR (slow, dynamic), SSR (real-time), and SSG (fast, static). Used SSG with Contentlayer2 for my blogβ€”super fast and SEO-friendly! πŸš€ Use SSR for dynamic, SSG for static, or mix both! 😊

coding
Published on

Open Source Adventure: Deep Dive into Search Functionality

From deep diving into open source codebase I've learned about different search packages for different websites - client-side search engines vs. cloud-based search engines.

coding
Published on

Headless CMS Explained

Discover how a Headless CMS can revolutionize your content strategy. Learn what it is, how it works, and why businesses are adopting this powerful technology to streamline content distribution across multiple platforms. Perfect for entrepreneurs, developers, and content creators looking to work smarter, not harder

coding
Published on

Comprehensive Guide to the useMeasure Hook in React

A deep dive into the codebase of useMeasure hook in React

coding
Published on

Syntax Highlighting for Code Snippets in a React Application Using Prism-React-Renderer

Examples and explanations of using prism-react-renderer for highlighting syntax of code Snippets

coding
Published on

State Management in React: When to Go Modular vs. Global - A React Developer's Guide

Exploring state management in React, focusing on a pattern derived from Shadcn's useToast system for managing dynamic UI components like toast notifications.

coding
Published on

Master React Hook Form - useFieldArray for Dynamic Forms Creation

The `useFieldArray` hook in React Hook Form is a powerful tool designed for managing dynamic forms where the number of input fields can vary.

coding
Published on

Endless Scrolling vs. Pagination: Which is Better for User Experience and SEO?

Explore the pros and cons of endless scrolling, pagination, and the "Load More" button to choose the best content delivery method for your blog.

coding
Published on

Building Social Share Buttons for My Next.js Blog: A Step-by-Step Journey

Learn how I built custom social share buttons for my Next.js blog, enhancing user experience, boosting engagement, and avoiding third-party bloat for optimal performance.

;
← See All Posts