Định Nguyễn Trươngdinhdev.hashnode.dev·Sep 24, 2024Optimize your react component with useMemo, useCallback, useTransitionHook 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...React
Rishi Bakshirishibakshi.hashnode.dev·Sep 7, 2024Understanding How Top Level "use-client" Affects Next.js PerformanceIn 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...11 likes·48 readsYou Don't Know Next.jsNext.js
Vansh Kapoornetflix-hero-video-player.hashnode.dev·Feb 28, 2024Optimizing 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...1 like·84 readsReact
Akash Thoriyaakashthoriya.hashnode.dev·Jan 30, 2024Optimize using useCallback and useMemo Hooks in ReactExpert-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...ReactJS Fundamentals for InterviewsReact
Akash Thoriyaakashthoriya.hashnode.dev·Jan 30, 2024Optimizing with shouldComponentUpdate and React.memoExpert-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...ReactJS Fundamentals for InterviewsReact
Abhishek Kumarabhishekweb.hashnode.dev·Jan 21, 2024Optimizing React Applications with Dynamic Imports and VirtualizationIn web development, enhancing performance and user experience is key. React developers can achieve significant optimization by employing two techniques: dynamic imports and virtualization. These methods are particularly effective in applications that...React
Augustine Igweaugustinebest.hashnode.dev·Sep 15, 2023Maximizing Performance: Optimization Techniques for React ApplicationsAs a software engineer, It is important to maximize the performance of your application. The concept of "code now, improve later" is often referred to as the minimum viable product (MVP) approach in software development. This involves developing the ...17 likes·120 readsReact
Adeesh Sharmaadeesh.hashnode.dev·Jun 5, 2023Using the Single Responsibility Principle (SRP) in ReactSetting the context In the world of software development, one of the key guidelines that helps in writing clean, maintainable code is the Single Responsibility Principle (SRP). In essence, SRP dictates that a class or module should have only one reas...146 readsSOLID principles
