Feb 14 ยท 2 min read ยท React.memo Explained โ Stop Unnecessary Re-renders Like a Pro Have you ever seen this in console? Child Rendered Child Rendered Child Rendered Even when nothing changed? Thatโs unnecessary re-rendering. Today we fix it using React.memo. ๐ค What is ...
Join discussion
Dec 5, 2025 ยท 8 min read ยท ๐ก Intro If youโve used React for more than fifteen minutes, youโve probably asked yourself: โWhy on Earth is this component re-rendering again?โฆ I didnโt touch anything.โ Welcome to the club - membership is automatic and free. Luckily, React gives...
Join discussion
Dec 4, 2025 ยท 5 min read ยท ํ๋ก ํธ์๋ ๊ฐ๋ฐ์์ React์ ์ฑ๋ฅ ์ต์ ํ๋ ๋ผ๋ ค์ผ ๋ ์ ์๋ ์ฃผ์ ์ ๋๋ค.ํนํ, ์ปดํฌ๋ํธ์ ๋ถํ์ํ ๋ฆฌ๋ ๋๋ง์ ์ ์ดํ๋ useCallback๊ณผ React.memo๋ ํต์ฌ ๋๊ตฌ์ ๋๋ค. ์ด ๋ ์ต์ ํ ๊ธฐ๋ฒ์ ์๋ฆฌ์ ๋ด๋ถ ๋์ ๋ฐฉ์(ํนํ props ๋น๊ต)์ ๊น์ด ์๊ฒ ํํค์ณ ๋ณด๊ฒ ์ต๋๋ค. 1. useCallback ์ดํดํ๊ธฐ: ํจ์ ๋ฉ๋ชจ์ด์ ์ด์ ์ ํ์์ฑ React ์ปดํฌ๋ํธ๊ฐ ๋ฆฌ๋ ๋๋ง๋ ๋๋ง๋ค, ๊ทธ ์ปดํฌ๋ํธ ๋ด๋ถ์ ์ ์๋ ๋ชจ๋ ํจ์๋ ๋ฉ๋ชจ๋ฆฌ์์์ ์...
Join discussionJan 28, 2025 ยท 3 min read ยท Ever feel like your React app could be a bit faster? One powerful way to improve performance is by using memoization. Itโs a neat technique that helps avoid unnecessary recalculations, saving time and resources. Letโs break it down and see how it wor...
Join discussion
Nov 1, 2024 ยท 4 min read ยท useCallback and React.memo Both are powerful tools in React to optimize rendering performance, especially in complex applications. When used effectively, they help avoid unnecessary re-renders, making your app more efficient. 1. useCallback Hook The...
Join discussionSep 28, 2024 ยท 4 min read ยท What are the differences between componentDidMount, componentDidUpdate, and componentWillUnmount in class components? componentDidMount, componentDidUpdate, and componentWillUnmount are lifecycle methods in React class components that are invoked at ...
Join discussionMar 23, 2024 ยท 5 min read ยท What is a Pure component and pure function? Based on the concept of purity in programming paradigms, a function is said to be pure if it meets the following two conditions: Its return value is only determined by its input values Its return value is...
Join discussion
Mar 1, 2024 ยท 4 min read ยท We all have heard about using performance optimization techniques in ReactJS to make the applications efficient and fast. But many times the question arises is what are the correct methods to do it, and ReactJS offers some of them out of the box such...
Join discussionJan 27, 2024 ยท 5 min read ยท Memoization is a technique used in computer science to optimize the performance of functions by caching their previously computed results. In simple terms, memoization stores the output of a function based on its inputs so that if the function is cal...
Join discussion
Jan 16, 2024 ยท 3 min read ยท React, a popular JavaScript library for building user interfaces, provides developers with a variety of tools to optimize performance. Two such tools are useMemo and React.memo. While they share a similar goal of improving performance by memoizing va...
Join discussion