Smit Desaismitd.hashnode.dev·Apr 17, 2024Optimizing your Large Scale React ApplicationSingle Responsibility Principle Restaurant Card has a single responsibility to display Restaurant Cards on web-pageHeader Component has a single responsibility to display header on web-page So similarly for each Component that we create, we should gi...Discusslarge scale react application
Christian Asconedingdongbug.hashnode.dev·Apr 10, 2024Lazy loading React componentsOver the life of an application, performance optimization can play a crucial role in its success or failure and I recently encountered an issue that severely impacted the user experience. Providing some context, my requirement was to show a list of N...DiscussReact
Dacosta Solomon Aboagyedacostasolomon-codeman.hashnode.dev·Mar 3, 2024Unlocking the Power of Intersection Observer: Real-World ExamplesHello! 👋 Welcome back to our exploration of the Intersection Observer API. In our previous section, we delved into the details, discussing both the advantages and limitations of this powerful API. If you missed it, feel free to catch up by reading m...Discuss·2 likes·55 readslazy loading
Durgesh Guptadurgeshgupta.hashnode.dev·Feb 9, 2024How to optimize your React Application using Lazy Loading....when building a large scale React Application a lot of thought process needs to be taken care of before launching the app. The biggest and greatest challenge I would say would be "separation of concern". We use modular programming approach to separat...DiscussReact
Akash Thoriyaakashthoriya.hashnode.dev·Jan 30, 2024Lazy Loading with React.lazy and SuspenseExpert-Level Explanation React.lazy and Suspense in React 18 are used for lazy loading components, a technique that defers the loading of non-critical resources at page load time. It allows you to split your component code into separate chunks and lo...DiscussReactJS Fundamentals for InterviewsReact
sudheer nunnawiredwhiz.hashnode.dev·Jan 27, 2024Lazy LoadingOne of the main problems with shipping too much JavaScript is that it can slow down page load times. JavaScript files are typically larger than other types of web assets, such as HTML and CSS, and require more processing time to execute. This can lea...DiscussReact
Gautam VajaforCodeParrot 10x Dev10xdev.codeparrot.ai·Jan 5, 2024Optimizing Your React App: Strategies for Peak PerformanceIf you are thinking that your react app is slow, then you are not alone. Many developers face this issue. In this article, we'll delve into common performance issues in React and explore effective strategies to optimize your app for peak performance....Discuss·2 likes·59 readscode splitting
Somesh Mohancodehall.hashnode.dev·Nov 14, 2023API Rate Limiter - TheoryIn this article, our focus will be on the API rate limiter—a crucial element within an API Gateway. To put it simply, a rate limiter restricts the number of API invocations per time unit for individual users, IPs, or APIs. Its role is to prevent abus...DiscussAPIs
Rakesh Yadavblog.digitalrakesh.com·Oct 5, 2023What is suspense in react and how it worksuspense is a feature that allows components to "suspend" rendering while waiting for some asynchronous operation to complete, such as fetching data. It helps in handling loading states more effectively. When a component using suspense encounters a p...Discuss·27 readsReact
Niharika Gurnaniniharikagurnani.hashnode.dev·Sep 9, 2023Module Routing Strategies in AngularOpen on Github: https://github.com/niharika293/angular-module-strategies Loading of a module can be achieved in 3 ways - Eagerly Loading {Default}: This will load all the modules all at once, even before our app starts. -> For small apps, it's a v...Discuss·34 readsAngular