Md Enayetur Rahman articles - 105 total
Optimize Loading Sequence (Part 2)
#LearningPatterns52 | Based on “Learning Patterns” (v1.1) by Lydia Hallie & Addy Osmani This...
Optimize Loading Sequence (Part 1) – Metrics & Challenges
Series: #LearningPatterns51 | Based on “Learning Patterns” by Lydia Hallie & Addy Osmani ...
Islands Architecture in Practice – A Deep Dive
#LearningPatterns50 | Based on “Learning Patterns” by Lydia Hallie & Addy Osmani ...
Optimizing Core Web Vitals in the *Next.js Movies* App – A Full Playbook
#LearningPatterns49 | Source: “Learning Patterns” by Lydia Hallie & Addy Osmani ...
Selective vs Progressive Hydration
Hydration is the moment a server‑rendered React tree becomes interactive in the browser. Two patterns...
Beyond SSR: Demystifying React Server Components for Real‑World Apps
Inspired by the insights in Lydia Hallie & Addy Osmani’s Learning Patterns. Why look...
Streaming Server‑Side Rendering in React: A Learning Patterns Deep Dive
Table of Contents Streaming Server‑Side Rendering in React: A Learning Patterns Deep...
Progressive Hydration in React: Taming the Hydration Monster
Learning Patterns Deep‑Dive – Pattern 45 Based on “Learning Patterns” by Lydia Hallie &...
Incremental Static Generation (ISR) in Next.js: Freshness at Scale
Modern teams love Static Site Generation (SSG) for its speed and reliability. But as your site...
Static Rendering (SSG) in React: From Classic Builds to Data‑Driven Pages
Static rendering—also called Static‑Site Generation (SSG)—pre‑generates HTML during your build step,...
Mastering Server‑Side Rendering (SSR)
“Server‑side rendering is **not* the goal. Faster time‑to‑interactive, better SEO and predictable...
Next.js Client‑Side Rendering: Bundles, Performance & Practical Optimisations
This article is part of my Learning Patterns series, where I distill insights from Lydia Hallie...
# Learning Patterns #40 — Next.js Client-Side Rendering (CSR): bundles, performance, and how to make it fast
If you’ve spent most of your time in React, CSR is the “default mental model”: Ship JavaScript →...
Overview of Next.js: Pre‑rendering, Data Fetching, Static Assets, Image Optimization, Routing & Code Splitting
From the pages of Learning Patterns by Lydia Hallie & Addy Osmani – an extended field‑guide to...
# Phase 7.5: Code Refactoring - Building Reusable Components & Following DRY Principles
The Journey Continues In Phase 7, I completed the patient-facing experience with the...
# Phase 7: Building the Profile Area - Patient Details, Clinical Records, Payments & Regimen
The Journey Continues In Phase 6, I built the support system with chat screens, video...
Phase 6: Building Support & Chat Features - Action Cards, Conversation Lists, and Ticket History
The Journey Continues In Phase 5, I built the Timeline view with tabs, session cards, and...
Phase 5: Building the Timeline View - Lists, Tabs, Modals, and Progress Tracking
The Journey Continues In Phase 4, I built the complete appointment booking flow with...
Phase 4: Building the Appointments Flow - Forms, Dropdowns, and Conditional UI
The Journey Continues In Phase 3, I built the Home experience with goals, progress...
Phase 3: Building the Home Experience - Goals, Details, and a Simple Chart
The Journey Continues In Phase 2, I built the authentication flow and navigation...
Phase 2: Building Navigation & Auth Flow in React Native
The Journey Continues In Phase 1, I set up my React Native development environment and...
From React to React Native: My First Mobile App Setup Journey
The Backstory Recently, my office assigned me to work on a React Native project. I had...
# ADK vs LiveKit vs VAPI: My Journey from STT/TTS Complexity to Native Audio Simplicity
The Discovery That Changed Everything When I first started building voice agents, I used...
# ADK vs LiveKit vs VAPI: My Journey from STT/TTS Complexity to Native Audio Simplicity
The Discovery That Changed Everything When I first started building voice agents, I used...
Building Custom Audio Streaming Apps with Google ADK
My Journey into Real-Time Voice Interaction After building basic agents and exploring...
Getting Started with Streaming Agents in Google ADK
My Next Step: Streaming with Real-Time Search After successfully creating my first basic...
Building a Multi-Tool Agent with Google ADK
Taking the Next Step After successfully creating my first basic agent, I was ready to...
Getting Started with Google Agent Development Kit (ADK)
My Learning Journey I'm excited to share my journey into agent development! After...
# Patterns – A Quick Look
A concise field‑guide to modern rendering patterns for React & Next.js. Why this...
# Choosing React Design Patterns by Project Size
Modern React development offers a toolbox of design patterns—but not every pattern is worth its...