Jan 4 · 3 min read · December 31st. The final countdown. While the rest of the world was preparing for parties, we were deep in the guts of the Generation UI, performing open-heart surgery on the Direction Selection system. Likely I will have PTSD from this day. heh. We...
Join discussionSep 26, 2025 · 4 min read · For a long time, I searched for a front-end framework that helps in writing scalable and easy-to-maintain UIs. Even though React is just a library for rendering, it comes with so many benefits that I can confidently say, “I found it.” Over time, whil...
Join discussion
Jun 9, 2025 · 9 min read · React development has significantly evolved, leading to essential patterns for writing clean, maintainable, and performant code. This guide covers critical React patterns, from basic state management to advanced component architecture, based on pract...
Join discussion
Apr 20, 2025 · 4 min read · Leveraging Composition and Rendering Patterns in React In this article, we explored how passing components as props can help prevent unnecessary re-renders in react. Now, let’s take this a step further and dive into a pattern that builds on this con...
Join discussionJun 27, 2024 · 3 min read · I'd like to share a quick example of a React pattern I find myself reaching for a lot recently. Well really it's a combination of two patterns: A React hook which gets some data or application state A provider component which accepts a child functi...
Join discussion
Mar 22, 2024 · 4 min read · I'm not sure how much this matters in the era where generative AI writes code for you. However, still I embark upon this journey hoping this will help someone write better react code. Why you should organize your react components React itselft is uno...
Join discussionJan 31, 2024 · 2 min read · Expert-Level Explanation The Provider Pattern in React leverages the Context API to pass data deeply through the component tree without explicitly passing props at every level. This pattern involves two main parts: the holding component Provider, whi...
Join discussionNov 4, 2023 · 3 min read · Refs in react are objects that allow us to store values (of any type) that do not trigger re-renders when updated. Native elements have props ref which we can set to a ref we created before, to get a direct reference to that element. This allows us t...
Join discussionJul 14, 2023 · 4 min read · When you are writing a new App or Software, It's very essential to pin down the overall details and architecture even if it's only high level, It helps to determine the shape and scalability of any software. Design pattern helps us to do exactly the ...
Join discussion
May 19, 2023 · 3 min read · The render-props pattern is a technique for sharing props between components. It involves passing a function as a prop to a component, which then renders this function as part of its output. As an overview, render-props pattern looks like this; impor...
Join discussion