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: frontend
39 posts
2/13/2026
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…
Vue Methods used for Data Binding 🤔
1/6/2026Vue Methods for Data Binding In this article, we'll explore how to use Vue methods to efficiently handle data binding in your applications…
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…
React advanced topics debouncing, performance
6/13/2024As React applications grow, the challenges you face change. Early on, the focus is on getting components to render and state to update…
React advanced topics part two pizza refactoring
6/13/2024Refactor Part 1: Split Read and Write Concerns A small but important improvement is to split context into separate concerns. One simple…
React advanced topics part two Co-locate State
6/13/2024Refactor Part 2: Co-locate State and Use Multiple Contexts In many real apps, the biggest win comes from not putting everything in a single…
React advanced state management
5/16/2024Context, state, and re-renders are where a “simple” React app quietly turns into a pizza kitchen with too many cooks shouting orders at each…
Specificity in css
8/13/2023Hacks for dealing with specificity Rules are the children of principles. CSS specificity is the set of rules browsers use to determine which…
Selectors css
7/23/2023CSS selectors target and select the HTML elements you want to style. They are often treated as a solved problem, something we learn once and…
Inheritance in css
7/21/2023CSS inheritance is one of the most fundamental and most misunderstood concepts in styling the web. At first glance, it feels almost…
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…
CSS positioning Properties 🤔
9/10/2022What You See Is What You Get – is a competing model for authoring documents. These applications constantly update a final form presentation…
Unraveling the mystery of percentage-based heights in CSS
8/20/2022Today, my thoughts were wandering through the curious world of CSS heights, and I found myself fascinated by one of front-end development’s…
Different React Props Patterns🤖
10/12/2021Different React Props patterns and how to manage Data Understanding React’s approach to data manipulation takes time. React has a different…
Rendering Lists of Data in React🤖
9/11/2021Rendering Lists of Data 🤔 How to show a simple list item, a list of objects, Nesting Lists in React, and lastly, we will have a look at how…
Vue Methods used for Data Binding 🤔
8/10/2021Methods in Vue used for data Binding What is Data binding? There are different Data Bindings in Vue. Data binding is a technique used to…
JavaScript Merge sort function 🤖
4/11/2021What is an algorithm? 🤔 An algorithm is a procedure for solving a problem in computer science. Some problems that algorithms are well…
JavaScript closures 🚀
3/11/2021Closures Closures are functions that close over their lexical environment or their scope. This allows us to access an outer function scope…
Flutter Widgets🚀
2/18/2021Flutter and Dart Widget Sheet Init Healthcheck Hello World Stateless Widget Required and default props Stateful Widget Combining props and…
Gatsby - How to setup a blog 🚀
2/17/2021What Is Gatsby? Gatsby or GatsbyJS is a framework based on React library and GraphQL that makes it easy to create both website and web…
Flutter Basics🚀
2/12/2021Core Basics Flutter includes a modern react-style framework, a 2D rendering engine, ready-made widgets, and development tools. These…
React-Native views&text🚀
2/12/2021views&text There is no DOM on mobile. Where we previously used <div />, we need to use <View /> and where we used <span />, the component we…
How to install ZSH on Fedora🚀
2/12/2021Terminal Setup - Terminator + ZSH + Powerlevel10k terminal is more than just a black screen to type in. It usually runs a shell, so called…
How to FLEX in React 🤖
2/11/2021: Using Flexbox in React components to create flexible layouts. How to Flex in React? 🤔 Flexbox helps to organize the blocks of code as…
CSS Selectors CheatSheet 🤓
1/24/2021In CSS, selectors are patterns used to select DOM elements Here is an example of using selectors. In the following code, a and h1 are…
CSS - How to use z-index property 🚀
1/11/2021The hassle around the Z-index Z-Index is one of the most confusing and unintuitive properties in CSS, but it’s actually pretty simple once…
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…
CSS - How to animate 🚀
1/11/2021How to bring life in a webpage ? 🤔 “Animation is about creating the illusion of life.” Brad Bird By animating information onto the page, we…
CSS - Working with the BoxModel 🤖
1/10/2021How the Box Model Works Every element is a rectangular box, and there are several properties that determine the size of that box. The core…
What is recursion
4/11/2020What is recursion? Recursion is a process of calling itself. A function that calls itself is called a recursive function. The syntax for…
React advanced topics state and context architectur
6/13/2018React Advanced Topics: State and Context Architecture React has revolutionized the way we build UIs, making component-based development the…
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…
