Containerizing React Apps: A Docker Deep Dive
2/13/2026Why containerize a React app Containerization solves a common problem in frontend teams: "works on my machine". A container bundles the app…
Tag: react
24 posts
2/13/2026
React Impact Scope: Tracking Gatsby Change Impact at Scale
2/6/2026React Impact Scope: Tracking Gatsby Change Impact The tool I am building is designed to make complex systems predictable. When the surface…
Testing My Blog with Docker and Kind
2/5/2026Why I did this My blog already builds on push, but I wanted a repeatable, production‑like workflow I can test locally. Docker and Kubernetes…
Containerizing Gatsby: A CI-Friendly DevOps Path
2/5/2026Why containerize a Gatsby blog? A Gatsby site is fast and portable, but the workflow around it can drift between machines. Containerizing…
React without the Magic Mysticism
1/27/2026React without the Magic Mysticism React has a weird reputation. Some people treat it like magic. Others treat it like a nightmare. Most…
Understanding React’s Data Flow
1/23/2026Understanding React’s Data Flow: A Mental Model That Scales How props, hooks, and context actually work together ReasonReact Hook Recipes…
React Props & Data Flow the Way It Works
1/23/2026React props look simple — until your app grows. At first, props feel like HTML attributes. Then suddenly you're passing data through five…
React’s Data Flow
1/23/2026React Data Flow How props, hooks, and context actually work together 🍕 Think of Pizza React Data Flow Explained with Pizza 🍕 Think of a…
Props Mental Model: React vs Vue Data flow
1/20/2026Props Mental Model: React vs Vue As a React developer, I wanted to dive into Vue to learn how it approached building JavaScript UI. How do…
Advanced React Patterns and Performance
10/23/2025Introduction As your React applications grow, simple component patterns and local state management can quickly become insufficient…
React hooks practice
9/23/2025React is built around a unidirectional data flow, which makes component interactions predictable and easier to debug. Understanding how data…
React component architecture
1/23/2025React's component architecture revolves around data flow and state management. Understanding how data travels from parent to child…
Setting Default Props Values in React
11/23/2024Introduction In React, props are the primary way components receive data from their parents. They allow components to remain flexible and…
How to use user input
6/23/2024User input is at the heart of every interactive application. From simple text fields to complex multi-step forms, the way an application…
Deep Dive in Advanced React Patterns
11/23/2022React has revolutionized the way we build user interfaces, making component-based architecture the standard for modern web development. But…
What is props drilling in React 🤖
1/11/2021Props drilling 🤔 Everything runs on a different thread except our code. We need to share data with different components when working with…
Manage state with useReducer Hook 🤔
11/29/2020Managing State with useReducer useReducer Hook An alternative to useState. Accepts a reducer of type (state, action) => newState, and…
Conditional Rendering
11/12/2020Conditional Rendering 🤔 Conditional rendering in React isn't difficult. In JSX - the syntax extension used for React - you can use plain…
How to Life Cycling 🚲 in React? 🤔
11/10/2020Life Cycle Methods in React When developing in React, every Component follows a cycle from when it’s created and mounted on the DOM to when…
Array methods in React
11/10/2020Array Methods in React 🤔 Let’s consider what is an array method. Simply put, an array method is a method that can be called on an array to…
React Hooks 🤔🎣
11/8/2020Hooks 🎣 API 👉 The additional API that lets you use state and other features in React without writing a class is called Hooks. What Are…
Functional & Class in React
9/15/2019Functional & class components in React 🤔 🤓 React is a framework that allows us to encapsulate code so to make it more reusable. These…
Arrow Functions in JavaScript
9/15/2019Arrow functions (also called “fat arrow functions”) are undoubtedly one of the more popular features of ES6. They introduced a new way of…
Taming Prop Drilling in React: Advanced State and Context Patterns
6/13/2018Taming Prop Drilling in React: Advanced State and Context Patterns If you've been building React apps for a while, you know that one of the…
