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·143 readsuse
Yoonsung Baekbys.hashnode.dev·Feb 2, 2024React 19가 다가온다React 19에서는 새로운 훅이 추가되는데, 이 훅은 data fetching, form 생산성 향상에 대한 내용이다. 이 두 주제는 프론트엔드에서는 굉장히 중요한 주제인데, React에서는 이 주제애 대한 생산성 향상을 위해 어떻게 접근했을지 알아보자. use(Promise) Suspense는 이제 리액트와 뗄 수 없는 기술 스택이 되어가고 있다. React-Query에서 제공하는 useSuspenseQuery라는 훅이 있긴 했지만,Reac...Discuss·53 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·88 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
Uvaise Mohammedblog.uvaise.dev·Aug 1, 2023Optimize your React Components with <Suspense> .Are you a React enthusiast looking to enhance your UI game? 🎨⚛️ Look no further than the incredible <Suspense> tag in React! ✨ 🌟 What exactly is the <Suspense> tag?The <Suspense> tag is a game-changer when it comes to optimizing the loading of dy...DiscussReact
Ajayajay020.hashnode.dev·Jul 11, 2023Understanding Code Splitting and Bundling in ReactIntroduction When building a complex React application, managing the size of the JavaScript bundle becomes crucial for optimizing the performance. Code splitting is a technique that allows us to divide the application's codebase into small chunks, an...DiscussReact
Abhinav Pandeytheseerprogrammer.hashnode.dev·Mar 18, 2023Memoize or Defer?Exploring the Performance Benefits of useMemo and Suspense in ReactAs we know, React is a popular JavaScript library used for building user interfaces. It provides several features and utilities that make it easier to build complex applications. Two such features are useMemo and Suspense. While both of these feature...Discuss·86 readsReact
Nathanael Adambugdodger.hashnode.dev·Feb 24, 2023Make Your Website's User Experience Better With React SuspenseYou've probably been in a situation where you visited a website and that site took a bit of time to load, this is often due to the large amount of code or data the site is loading at once. Having to wait for the site to load could be extremely annoyi...Discuss·114 readssuspense
Dhawal Pandyadhawalpandya01.hashnode.dev·Feb 2, 2023Suspense and Lazy in ReactJest aside, and Jest as a testing mechanism aside as well, React.lazy and Suspense are two features in React that allow you to load components lazily, i.e. only when they are needed, instead of loading all components up front. This can improve the in...Discuss·89 readssuspense