Kshitiz Kumarblog.kshitiz.net·Jan 27, 2024A New Mental Model of React 18The journey into React has been quite a ride for me. Back in the day, before the era of React Hooks, mastering the React lifecycle was like navigating through a complex maze. But you know what? I found it intriguing, and it became a part of my coding...Discuss·120 readsReact
Avinash Payakavinashpayak.hashnode.dev·Jan 20, 2024Render TreeIt is a combined representation of Document Object Model (DOM) and CSS Object Model (CSSOM) where DOM nodes and CSS rules are matched together. Browser parses HTML document and constructs a DOM tree where each element represents a node in the DOM tr...DiscussHow Browsers workRendering
Faithfaithyyy.hashnode.dev·Jan 4, 2024Web optimisation through caching with local storage in React applications.Introduction As front-end developers, an unsaid rule when implementing functionalities is to ensure that we implement it in such a way that wouldn’t affect the web performance or better still, improve it. Sending requests to servers to get data for u...Discusslocal storage caching
Lawrence Amoakolawrenceamoako.hashnode.dev·Dec 1, 2023A Comprehensive Guide on Improving Website PerformanceIn today's digital landscape, optimizing website performance is crucial for providing users with a seamless and efficient browsing experience. This comprehensive guide explores various strategies to enhance website performance, catering to both techn...DiscussWeb Development
IBUKUN FOLAYibukunfolay.hashnode.dev·Oct 15, 2023Web Optimization Techniques for React WebsitesIntroduction Building websites has to be one of the most exciting things in tech. However, the beauty is when users experience seamless interactions while using these websites. Seamless interactions can be achieved when a website is highly performant...DiscussReact
Femi Wallacethisiswallace.hashnode.dev·Sep 30, 2023Web Optimization with Bun: Bundling JavaScript and TypeScriptIntroduction In the continuously changing realm of web development, ensuring the efficiency of your code and resources is vital for providing a swift and highly responsive user interface. A fundamental element of web optimization entails bundling, wh...Discuss·9 likes·60 readsweb optimization
Ezediniru Danielezedinirudaniel.hashnode.dev·Sep 1, 2023Lazy Loading Images Like a Pro in Next.jsIntroduction Lazy loading images on a website is one of the best ways to optimize your web page performance and improve its loading speed. With the lazy loading technique, you render images only within the user's viewport thereby improving the overal...Discuss·12 likes·81 readsNext.js
Teddy Lumiditeddylumidi.hashnode.dev·Aug 13, 2023Optimizing Web PerformanceIntroduction The speed and responsiveness of a website have become paramount to its success. A sluggish website can drive users away, lead to higher bounce rates, and ultimately harm search engine rankings. To tackle these challenges head-on, this co...Discuss·30 readsWeb Development
Rufina Uchethelazytechie.hashnode.dev·Jul 26, 2023Optimizing Front-End PerformanceIntroduction Front-end performance optimization is a critical aspect of web development. The performance of a website or web application directly impacts user satisfaction, conversion rates, and search engine rankings. In this comprehensive tutorial,...Discuss·91 readsweb optimization
Mustafa Dalgasft.hashnode.dev·Jun 14, 2023Optimizing Web Performance by Reducing bundle.js File Size in the HeyBooster ProjectHello, there! Today I’m going to share an experience we had at HeyBooster while upgrading our Sentry version. The Background HeyBooster, like many projects, heavily relies on Sentry for error tracking. We recently decided to upgrade our Sentry versio...DiscussFront End DevWeb Development