JealousGxblog.jealous.dev·Oct 31, 2024Understanding API Paradigms: A Deep Dive into GraphQL, REST, and gRPCIn today's software development landscape, APIs (Application Programming Interfaces) play a crucial role in enabling communication between different systems. Among the various types of APIs available, GraphQL, REST, and gRPC are three of the most pop...API Comparison
Costanza Casullocostanza.website·Oct 21, 2024Posting data to a BaseRow Table Using Nuxt: A Step-by-Step TutorialIn the previous article, I walked you through the process of fetching data from a Baserow table using Nuxt. We utilized Nuxt composables to handle the API call and displayed the data on a page. Please go back to the previous article if it’s your firs...28 readsNuxt
Nischal Baidarnischalbaidar.hashnode.dev·Oct 18, 2024Day 14 - Fetching Data Using Web ScrapingWeb scraping is the process of automatically extracting data from websites. Instead of clicking through pages and manually copying information, web scraping allows you to gather large amounts of data quickly and efficiently. This is especially handy ...nischal_baidar
Rishi Bakshirishibakshi.hashnode.dev·Oct 8, 2024How to Prevent the Waterfall Effect in Data FetchingIn this article, we’ll dive into a common issue developers face when fetching data in Next.js or any asynchronous JavaScript environment: the waterfall effect. This happens when data fetching occurs sequentially, leading to slower response times. It’...10 likesYou Don't Know Next.jsdata fetching
Amrit Adhikariamrit69.com.np·Oct 6, 2024How to Fetch Data from an API Using React Query in a React.js Project Like a ProIn this article, we will explore how to fetch data from an API in a React.js project using React Query. We’ll also look at how to handle loading states and errors gracefully. By the end, you’ll be able to integrate React Query into your projects to s...React
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
Mido Sayedmidosayed.hashnode.dev·Sep 17, 2024How a Front-End Engineer Evolves: Writing React Code at Different Skill LevelsAs a front-end engineer, your coding style and approach change as you gain more experience and become familiar with advanced tools and techniques. In this article, we will use the Dog API to demonstrate how to fetch an image at different skill levels...26 readsSuspense in React
Binay MaharjanforJoBins Engineeringblog.jobins.jp·Jul 23, 2024Best Practices for Fetching Data in Vue.jsFetching data in Vue.js applications is a common task. By following best practices, we can make your code more efficient, maintainable, and robust. Here are some of the best practices and common ways for fetching data in Vue.js used by almost all Vue...1 like·2.4K readsVue.js
Hamza Mellahiblog.hmellahi.me·Jul 7, 2024STOP using UseEffect for data fetchingUseEffect hook is a good choice for fetching data in small apps. However, for larger, more complex applications, it has several limitations. 𝗟𝗶𝗺𝗶𝘁𝗮𝘁𝗶𝗼𝗻𝘀 𝗼𝗳 𝘂𝘀𝗲𝗘𝗳𝗳𝗲𝗰𝘁 𝗳𝗼𝗿 𝗱𝗮𝘁𝗮 𝗳𝗲𝘁𝗰𝗵𝗶𝗻𝗴: 𝗡𝗼 𝗰𝗮𝗰𝗵𝗶𝗻𝗴: Fetche...2 likes·148 readsReact
Yujan Prajapatiblog.yujan.com.np·Jun 30, 2024Effortlessly Manage Data Fetching in Next.js with useQueryIntroduction We've all been there—stuck in the weeds of data fetching, managing state, and handling errors, all while trying to build a sleek Next.js app. It can feel like a never-ending battle. But what if I told you there's a way to make this proce...37 readsReact
