Ankita Sharmacodecraftbyankita.hashnode.dev·Mar 23, 2024Optimizing React Components: Harnessing the Power of Pure Component and React.memo()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...DiscussReact
Kaushalkluffa-blog.vercel.app·Mar 1, 2024React memo and useCallbackWe 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...DiscussReact
sudheer nunnawiredwhiz.hashnode.dev·Jan 27, 2024Memoization with React.memoMemoization 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...DiscussReact
Pavan Kulkarnicloudpavan.hashnode.dev·Jan 16, 2024"Optimizing React Performance: A Deep Dive into the Differences Between useMemo and React.memo"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...DiscussReact
Fatima Muhammadbintmuhd.hashnode.dev·Oct 30, 2023When to use React.MemoWhat is memoization? Memoization is an optimization technique in programming that stores the results of expensive function calls and returns the cached result when the same inputs occur again, rather than recomputing the function. In the context of R...DiscussReact
zhioua mohamedmohamedzhioua.hashnode.dev·Sep 28, 2023How to Avoid Breaking Memoization with Reference Types in ReactTable of Contents Introduction When To Use React.memo How To Use Reference Types (Array, Object, and Function)With React.memo Only Memoize Reference Types If They Don’t Change Frequently Update The Reference Only When The Inner Value Changes Us...Discuss·101 readsReactJSuseMemo
AK Codingakcoding.hashnode.dev·Sep 23, 2023React js useMemo HookMomoization Concept useMemo react.memo Live Demo useMemo vs useCallback What problem solve in useMemo ? Why need useMemo? Does useMemo has any disadvantage? Background The term “Memoization” comes from the Latin word “memorandum” (to rememb...DiscussReact
Yaswanth Gosulayg.hashnode.dev·Jun 10, 2023FeaturedBoost React List Performance: Unleashing Efficiency with React.memo, useCallback, and Proven Optimization TechniquesLet's embark on an interactive journey to solve a problem using React and optimize the performance of our list. Hold on tight and get ready for some coding fun! To begin, we have a task at hand: implement a feature that allows item selection. But wai...Discuss·30 likes·328 readsReact
Arindam Chowdhuryarindamchowdhury.hashnode.dev·Apr 27, 2023React input onChange causing lagBackstory Hey there! So, I recently faced an issue in my React project that I want to share with you. I had a parent component that contained two child components - Header and List. The Header component had a search input field, where the search valu...Discuss·494 readsReact.memo
Nikhil Kumar Patranikhilkumarpatra47.hashnode.dev·Feb 3, 2023React Hooks - useMemo, useCallback, React.memoIntroduction This will be a new series where I will explain concepts related to React.js and do my best to explain these complex concepts in the simplest ways. React Hooks series will contain information about the most important React hooks that are ...Discuss·1 like·81 readsReact