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
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...Discusssuspense
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
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...Dhruvil S Shah and 1 other are discussing this2 people are discussing thisDiscuss·5 likes·6.1K readsReact
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...Discuss·1 like·113 readslazyload
Varenya Thyagarajvarenya.hashnode.dev·Mar 13, 2024Async React with SuspenseAs React devs we deal with async stuff every day. We know firsthand how awkward and complicated async logic can get. Now add components into the mix it only gets more complicated. Suspense was the solution that React came up with to solve for that. A...Discuss·10 likes·159 readsuse
Yoonsung Baekbys.hashnode.dev·Feb 2, 2024React 19가 다가온다React 19에서는 새로운 훅이 추가되는데, 이 훅은 data fetching, form 생산성 향상에 대한 내용이다. 이 두 주제는 프론트엔드에서는 굉장히 중요한 주제인데, React에서는 이 주제애 대한 생산성 향상을 위해 어떻게 접근했을지 알아보자. use(Promise) Suspense는 이제 리액트와 뗄 수 없는 기술 스택이 되어가고 있다. React-Query에서 제공하는 useSuspenseQuery라는 훅이 있긴 했지만,Reac...Discuss·43 readsReact
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
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·91 readsReact
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