Tag feed

#react-optimization

13 posts0 followers

Explore Hashnode

Alternatives

Trending tags this week

LKLeela Krishna Mohankrishna-devlog.hashnode.devApr 6 · 10 min read

How I Cut Frontend Load Time by 30% in a Production React App

A deep dive into Core Web Vitals, lazy loading, bundle splitting, and the real optimizations that moved the needle You've shipped the feature. The product manager is happy. The tests pass. But then s

0

JKJunghun Kimdevnote-vienna453.hashnode.devDec 4, 2025 · 5 min read

React 성능 최적화의 핵심: useCallback과 Props 비교 심층 분석

프론트엔드 개발에서 React의 성능 최적화는 떼려야 뗄 수 없는 주제입니다.특히, 컴포넌트의 불필요한 리렌더링을 제어하는 useCallback과 React.memo는 핵심 도구입니다. 이 두 최적화 기법의 원리와 내부 동작 방식(특히 props 비교)을 깊이 있게 파헤쳐 보겠습니다. 1. useCallback 이해하기: 함수 메모이제이션의 필요성 React 컴포넌트가 리렌더링될 때마다, 그 컴포넌트 내부에 정의된 모든 함수는 메모리상에서 새...

0

DNDoris Nnadozienazorm.comOct 25, 2025 · 4 min read

Optimizing React Web Apps

It is one thing to build web apps, it is another thing for users to enjoy using them. One of the best ways to create a great user experience is by ensuring that your React Web Apps are optimized and do not unnecessarily take users’ time and resources...

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

ĐNĐịnh Nguyễn Trươngdinhdev.comSep 24, 2024 · 4 min read

Optimize your react component with useMemo, useCallback, useTransition

Hook provides convenient ways to build your react application with functional components. When your React application grows, unnecessary re-renders can hurt the app's performance. Luckily there are some builtin hooks to solve only that problem for us...

0

RBRishi Bakshirishibakshi.hashnode.devSep 7, 2024 · 4 min read

Understanding How Top Level "use-client" Affects Next.js Performance

In Next.js, one of the biggest beginner mistakes — and even one made by experienced developers — is using the use client directive too high in the component tree. This can lead to inefficient rendering, larger client bundles, and degraded performance...

0

VKVansh Kapoornetflix-hero-video-player.hashnode.devFeb 28, 2024 · 12 min read

Optimizing Netflix Hero Player using React 🎬🚀

Introduction 💻 Lights, camera, React! Welcome to the set of our latest blockbuster. In this blog post, we're about to embark on a journey that's part coding adventure, part Hollywood magic. Picture this: a hero section so captivating, it'll make Net...

0

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

Optimizing with shouldComponentUpdate and React.memo

Expert-Level Explanation shouldComponentUpdate is a lifecycle method in class components that determines whether a component should re-render in response to a change in state or props. Returning false from this method prevents the re-render. Function...

0

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

Optimize using useCallback and useMemo Hooks in React

Expert-Level Explanation useCallback and useMemo are hooks in React that help optimise performance. useCallback returns a memoized version of a callback function that only changes if one of its dependencies has changed. This is useful to prevent unne...

0

#react-optimization

Search Hashnode

#react-optimization

Explore Hashnode

Trending tags this week

How I Cut Frontend Load Time by 30% in a Production React App

React 성능 최적화의 핵심: useCallback과 Props 비교 심층 분석

Optimizing React Web Apps

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

Leveraging Composition and Rendering Patterns in React

Optimize your react component with useMemo, useCallback, useTransition

Understanding How Top Level "use-client" Affects Next.js Performance

Optimizing Netflix Hero Player using React 🎬🚀

Optimizing with shouldComponentUpdate and React.memo

Optimize using useCallback and useMemo Hooks in React