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
Web Development
5 min read
Part 2.5 — Consuming REST APIs with Shared Types & Error Handling Strategies
Real-world frontends need safety: typed API responses, predictable errors, and consistent client logic. This post teaches you the patterns professionals use to integrate React with REST cleanly.
Web Development
5 min read
Part 2.4 — UX State: Loading, Error, and Empty States in React
A React app becomes truly usable when it handles all states gracefully: loading, error, empty, and success. In this post, you’ll learn the UX patterns professionals rely on.
Web Development
6 min read
Part 2.3 — Handling Forms, Validation & Submission to REST Endpoints
Forms connect users to data. In this post, you’ll learn how to validate input, manage UX states, and submit cleanly typed data to real REST endpoints.
Web Development
6 min read
Part 2.2 — Building CRUD Interfaces: Posts, Users, and API Contracts
CRUD is the backbone of nearly every full-stack app. In this post, you’ll build clean React CRUD interfaces that match real REST API contracts you’ll implement in NestJS and Prisma later.
Web Development
4 min read
Part 2.1 — Setting Up HTTP Fetching in React with TypeScript
Fetching data is the lifeline of any modern web app. In this post, you’ll learn how to perform typed, resilient HTTP requests in React using fetch and shared contracts.
Software Tools
4 min read
Part 1.6 — Testing React Components with Jest (Preview of Part 5)
Testing saves you from shipping bugs you can’t see yet. In this post, you’ll write your first Jest + React Testing Library tests — the foundation for full UI testing in Part 5.
Explore by topic
View allLearn by series
View all
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