Part 1.3 — Managing State: useState, useEffect, and Data Flow
Every dynamic React app revolves around state — what the user sees, what changes, and when. In this post, you’ll master useState and useEffect, the twin pillars of reactivity.
Tech Blog · Insights & Experiments
Exploring modern web & software engineering
Deep dives into code, design, and system architecture. From frontend to backend, from performance tricks to developer experience — practical notes for building better technology.
120+ articles
20+ technologies
weekly updates
Featured
View all
Part 1.2 — Understanding Components and Props in React
Components are the building blocks of every React application. In this post, you’ll learn how to structure, type, and reuse components safely and effectively with TypeScript.
Part 0.5 — Git, GitHub, and Version Control for Teams
Great developers don’t just write code — they manage it. Learn how Git and GitHub shape teamwork, history, and CI/CD integration in professional full-stack environments.
Part 0.1 — Setting Up a Modern Dev Environment
Before you write a single line of React or NestJS code, you need a robust development environment. In this guide, we’ll set up Node, pnpm, PostgreSQL, and VS Code the right way—like a professional full-stack engineer.
OpenAI Atlas Browser — The Next Evolution of AI-Powered Web Browsing
Explore OpenAI’s new Atlas Browser — an AI-powered web browser that integrates ChatGPT deeply into your browsing experience, changing how we search, learn, and interact online.
Responsive Portfolio Page Project — Combining Flexbox, Grid & Modern CSS
A complete step-by-step guide to building a responsive portfolio page using Flexbox, CSS Grid, clamp(), and container queries. Practice modern CSS techniques with real UI design.
Latest
View all
Cloud & DevOps
3 min read
Part 7.6 — Production Builds, Webpack Comparisons & Debugging
Development hides problems. Production reveals them. This post shows how to reason about production builds, debug failures, and understand when build tooling actually matters.
Frontend Design
3 min read
Part 7.5 — Build Optimization with Vite: Code Splitting & Env Handling
Vite makes development fast by default. This post shows how to make production builds just as intentional—lean bundles, predictable envs, and code that ships only when needed.
Frontend Design
3 min read
Part 7.4 — Performance Hooks: useMemo, useCallback & useDeferredValue
Performance hooks are scalpels, not band-aids. This post teaches you how to use them intentionally—only where they solve real problems.
Frontend Design
3 min read
Part 7.3 — Custom Hooks as Architecture: Patterns & Pitfalls
Custom hooks aren’t just helpers. Used well, they define architectural seams in your React app. Used poorly, they hide complexity and make refactoring painful.
Frontend Design
3 min read
Part 7.2 — Advanced Routing Patterns: Protected Routes & URL State
Routing becomes powerful when URLs express intent. This post shows how to protect routes, manage auth flows, and encode UI state in the URL—without hacks.
Frontend Design
4 min read
Part 7.1 — Routing Fundamentals with React Router
Routing is the skeleton of your application. This post teaches you how to design clean, scalable routes with React Router—without turning navigation into spaghetti.
Explore by topic
View allLearn by series
View all
Completed
6 posts
Part 7 — Routing, Hooks, and Build Optimizations (Vite/Webpack)
Learn how to structure routing, master custom hooks, and optimize React builds using Vite and Webpack for production-grade apps.
Jan 2026 – Feb 2026
View series
Completed
6 posts
Part 0 — Web Fundamentals for Modern Full-Stack
Build a rock-solid foundation in HTML, CSS, JavaScript, and modern tooling to prepare for a professional full-stack journey using React, NestJS, and PostgreSQL.
Nov 2025 – Nov 2025
View series
Completed
16 posts
Frontend Design from Zero to Hero: Master the Art of Modern Web Interfaces
A complete 16-part learning journey that takes you from frontend design fundamentals to advanced professional practices. Learn HTML, CSS, responsive layouts, UI components, animations, accessibility, and design systems — all through practical, step-by-step lessons and real-world examples.
Oct 2025 – Oct 2025
View series