Rishi Bakshirishibakshi.hashnode.dev·Oct 10, 2024Mastering Loading States in Next.js: Effective Use of Suspense and loading.tsxWhen dealing with server components and fetching data in Next.js, a common mistake is neglecting to handle the loading state effectively. Imagine you're loading product data in a server component, and while the API request is being processed, the pag...12 likes·80 readsYou Don't Know Next.jsNext.js
Jamie Barlowjamiebarlow-blog.vercel.app·Sep 22, 2024React loading states and working effectively with dataIntroducing loading states In my app so far, I have implemented error boundaries for handling error states in React components, helping to provide a fallback if there is an issue during data fetching and rendering: In the case above, a request has f...28 readssuspense
Amitesh Vermaamiteshverma.hashnode.dev·Aug 30, 2024Client Side rendering vs server side renderingAs I’ve been diving deeper into web applications, I've come across two fundamental concepts that play a big role in how web applications function: Client-Side Rendering (CSR) and Server-Side Rendering (SSR). While both have their own unique advantage...1 like·27 readsNext.js
Lucas ROURETrouret.hashnode.dev·Aug 1, 2024Stop using useQuery from React-Query !In any web application, managing loading and error states is crucial. Displaying loading states keeps the user informed, but historically, this management can be tedious to implement manually. React Query greatly simplifies the handling of loading st...5 likes·7.3K readsReact
Sanket Kalekarsanketk018.hashnode.dev·Apr 15, 2024What's Really Going on Behind the Scenes of Loading Bars? 🤔💡The Hidden Sub-processes 😲 When the bar is halted, your system is busy managing a vertical subprocess—a side quest your main program has embarked on. It could be fetching data, compressing files, or performing complex calculations, all while you wai...1 likeTutorial
Farhan Hasinfarhanhasindipro25.hashnode.dev·Mar 2, 2024Efficient use of loading and error states using Tanstack QueryAs I am open to work and actively applying to jobs and performing job tasks, I am taking a challenge of doing something new in every of these projects in the pursuit of learning something unique. This is a recent project I did for a job application. ...loading
Aashish Panthiblog.aashish-panthi.com.np·Feb 4, 2024Add Website Loading Animation: a comprehensive guideIn the fast-paced world of web development, creating an engaging and seamless user experience is important. One effective way to achieve this is by implementing a loading animation on your website. In this tutorial, we'll explore the step-by-step pro...16 likes·97 readsHTML5
Daniel Adetolablog.adedaniel.com·Jan 15, 2024Leveraging the Loading UI in Next.js App RouterLately, I've been diving deep into the new feature releases that came with Next.js 13 and 14. The latest version - Next 14, was released on the 26th of October 2023 and came with a couple of new features such as Turbopack and Server Actions along wit...2 likes·155 readsNext.js
Jaimin Pateljaimin047.hashnode.dev·Nov 25, 2023Display loading or Processing Messages inside DataTableDataTables stands out as a powerful jQuery plugin for creating dynamic and interactive tables. One crucial aspect of delivering an exceptional user experience is efficiently managing data loading. This article explores various loading strategies in D...39 readsCustomizing Loading
Subhradeep Berasubhradeepbera.hashnode.dev·Nov 20, 2023How to create Shimmer Loading Animation with Jetpack ComposeBored of the circular progress loader? In this tutorial, let us learn how to implement the shimmer loading effect, which looks much better and can significantly improve the UX, when loading a bunch of items. All modern apps like YouTube, Netflix, Fac...1 like·79 readsShimmer Effect