BestWeb VenturesforBestWeb Ventures's Blogblog.bestwebventures.in·Oct 30, 2024Turbo Frames in Rails: A Complete Guide to Lazy-Loaded ComponentsWhat is Lazy Loading with Turbo Frames? Modern web applications need to be both performant and maintainable. In Rails applications, we often face the challenge of loading multiple independent widgets or components on a single page. While traditional ...Discuss·148 readsviewcomponent
ayoola lekanoluremi.hashnode.dev·Oct 16, 2024Lazy Loading: A Simple Way to Improve Website Speed and SEOImagine you're at a buffet, and instead of all the food arriving at once (overwhelming your plate), dishes come one at a time, just as you're ready for them. That’s exactly how lazy loading works for web content—serving resources only when needed. I...Discuss·31 readslazy loading
Yusuf Uysalyusufuysal.hashnode.dev·Oct 8, 2024React Interview Questions (Part 4): Rendering and Performance OptimizationWhat is the virtual DOM, and how does React use it to improve performance? The virtual DOM is a lightweight, in-memory representation of the actual DOM. Instead of updating the entire real DOM every time a change occurs, React creates a new virtual D...DiscussReact Interview QuestionsReact
Jamie Barlowjamiebarlow-blog.vercel.app·Sep 28, 2024Route-level Suspense with React RouterRoute vs Component-level Suspense - what does our app need? In my previous post, I addressed managing loading states at the component level using React Suspense. But it’s important to note that there are potentially other ways to implement our error ...Discusssuspense
Michael Andreuzzamichaelandreuzza.hashnode.dev·Sep 20, 2024How to build a lazy-loading image gallery with Tailwind CSS and JavaScriptIt's finally Friday, and we're back with another tutorial! This time, we're showing you how to create a lazy-loading image gallery using Tailwind CSS and JavaScript. What is lazy-loading? Lazy-loading is a technique to boost performance by delaying t...Discuss·2 likesJavaScript
Gwon Honggwonhong.hashnode.dev·Sep 19, 2024JPA의 lazy loading과 read committed글의 목적 JPA에서 lazy loading(FetchType.LAZY)을 사용해 N+1 문제를 해결할 수 있다고 한다. 그런데, 격리 레벨이 각각 repeatable read, read committed인 DBMS와 함께 사용 시 어떻게 작동하게 될까? 라는 질문에 대답하고자 한다. 공통 상황 Transaction A와 B가 있다고 하자. A에서 table T의 1~10번째 row를 select했다. 그러나 이 row들은 lazy loadi...Discussrepeatable read
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...DiscussReactReact
ATHUL K Sathulks.hashnode.dev·Aug 31, 2024Best Practices for Increasing Performance in MERN Stack ApplicationsThe MERN stack (MongoDB, Express.js, React.js, Node.js) is a powerful framework for building full-stack JavaScript applications. However, as your application scales and user demands increase, optimizing its performance becomes crucial. In this articl...DiscussMERN Stack
Nile Bitsnilebits.hashnode.dev·Aug 31, 2024JavaScript Best Practices for Building Scalable Web ApplicationsIntroduction: JavaScript is an essential tool in web development, providing support for a wide range of projects, from basic websites to intricate, data-heavy applications. Nevertheless, as projects increase in both size and complexity, developers fr...DiscussJavaScript
Vivekheyvivek.com·Aug 8, 2024Optimizing Web Performance in NextJs: Beyond Lazy Loading and Code Splitting 🚀In the world of web development, optimizing performance is crucial for delivering a fast and smooth user experience. While lazy loading and code splitting are popular techniques for improving web application performance, there are more advanced strat...Discuss·10 likesNext.js
