Tag feed

#react-patterns

13 posts0 followers

Explore Hashnode

Alternatives

Trending tags this week

JHJordan Hindozenchantlive.hashnode.devJan 4 · 3 min read

Part 12: The Third Dimension - Directions v3

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...

0

OJOvilash Jaluijaluiovilashblogs.hashnode.devSep 26, 2025 · 4 min read

React.js in Patterns: Building Scalable & Maintainable UIs

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...

0

ARAman Rajblogs.amanraj.meJun 9, 2025 · 9 min read

React Patterns Every Developer Should Know: Scale and Optimize React Applications

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...

0

MGMohit Guptatechie-talks.hashnode.devApr 20, 2025 · 4 min read

Leveraging Composition and Rendering Patterns in React

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...

0

DBDan Bahramidanbahrami.hashnode.devJun 27, 2024 · 3 min read

React patterns: Combining hooks with child functions for composable data components

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...

0

TGTirtha Guhablog.tirthaguha.netMar 22, 2024 · 4 min read

Organizing your react components

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...

0

ATAkash Thoriyaakashthoriya.hashnode.devJan 31, 2024 · 2 min read

Provider Pattern in React

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...

0

YTYeled THEOPHANEyeledtheo.hashnode.devNov 4, 2023 · 3 min read

React refs and useImperativeHandle hook : A secret sauce for creating complex and reusable custom components.

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...

0

SMShubham Mathurlearnjswithshubham.hashnode.devJul 14, 2023 · 4 min read

An Advanced React Pattern - A HOC & Render Props

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 ...

0

OAOluwatobi Adegoketobidevs.hashnode.devMay 19, 2023 · 3 min read

Render-props pattern in React

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...

0

#react-patterns

Search Hashnode

#react-patterns

Explore Hashnode

Trending tags this week

Part 12: The Third Dimension - Directions v3

React.js in Patterns: Building Scalable & Maintainable UIs

React Patterns Every Developer Should Know: Scale and Optimize React Applications

Leveraging Composition and Rendering Patterns in React

React patterns: Combining hooks with child functions for composable data components

Organizing your react components

Provider Pattern in React

React refs and useImperativeHandle hook : A secret sauce for creating complex and reusable custom components.

An Advanced React Pattern - A HOC & Render Props

Render-props pattern in React