Eaysin Arafateaysin-arafat.hashnode.dev·Sep 17, 2024Optimizing Performance in a React Application: A Case StudyDuring the development of a complex React application, we faced significant performance challenges, particularly with the initial render time. In this article, I will discuss some of the issues we encountered and the strategies we implemented to addr...1 like·81 readslazyload
Savistupidsavi.hashnode.dev·Sep 6, 2024What is Intersection Observer API?The Intersection Observer API lets you check when an element on a webpage comes into or goes out of view, based on its position relative to the viewport or a parent element. It does this asynchronously without blocking the main thread, so it’s more e...IntersectionObserver
Abeer Abdul Ahadabeer.hashnode.dev·Sep 5, 2024Lazy Loading, Suspense and Error Boundary in React ExplainedLazy Loading and Suspense Lazy loading and suspense both could have been separate concepts and thus it seems the explanations should be separate. But in real world apps most of the time you will see they works hand-in-hand. So, this is why I am cover...ReactReact
Meet Makwanamsquare.vercel.app·Jul 18, 2024Suspense is Killing Your React App (in a good way)Hey what's up react folks, since you're here, let me explain what i mean by "Suspense is Killing your application" real quick. Imagine your React app as a slow-moving snail. It's sluggish, frustrating users, and costing you potential customers. Now, ...1 likeReact
Parveen Kumarparveenpal.hashnode.dev·Jul 15, 2024Why lazy load not working in React ?You implemented lazy load in your React application, but during testing, it doesn't seem to work. Why is that? Lazy loading is a technique in React where you load components only when they are needed. There are two benefits of using it It will not b...react lazy load
Nadim Anwarblog.nadim.in·Jul 11, 2024How to Optimize Web Apps Using Lazy Loading and Code SplittingIn the world of web development, performance is key. Users expect fast, responsive applications that load quickly and provide a seamless experience. Two powerful techniques to achieve these goals are lazy loading and code splitting. These strategies ...28 readsReactlazyload
Brandon Damuedamue.hashnode.dev·Jun 29, 2024Boost Your React App's Performance with Lazy Loading, Hydration, and Code SplittingAfter a React/Next.js sabbatical, I am back to building ways!! At the time of writing, I am working on an admin dashboard for an online marketplace application powered by Next.js and Typescript. As is the case with every project I undertake, learning...1 likeReact
Sober Summysobersummy.hashnode.dev·May 15, 2024Lazy Load - The Better WayWhat is lazy Load ?In the realm of web applications, "lazy loading" reigns supreme as a go-to method for ensuring rapid content display to users as soon as they navigate to the site. In the react world, react provides a nifty method lazy for doing th...1 like·113 readslazyload
Parth Agarwalagarparth.hashnode.dev·May 8, 2024Web Development : Tricks for enhancing performanceHey there, fellow web enthusiasts! Today, we're diving into the world of website optimization. Whether you're a frontend fan or a backend buff, there are ways to make your website faster and smoother. So, let's explore some easy tricks to turbocharge...19 likesoptimization
ByteScrum TechnologiesforByteScrum Technologiesblog.bytescrum.com·May 6, 2024Improving Website Performance with Lazy Loading in JavaScriptIntroduction Lazy loading is a technique used to defer the loading of non-essential resources at the time the page is initially loaded. This can significantly improve website performance by reducing the initial load time and only loading resources as...81 likes·64 readsWeb Development
