Arka Infotecharkainfotech.hashnode.dev·Jan 5, 2025Using GraphQL with Next.js for Optimized Data FetchingMain Content 1. What is GraphQL? GraphQL is an open-source query language and runtime for APIs that provides a more efficient, flexible, and powerful alternative to REST. Instead of multiple endpoints for different data needs, GraphQL allows you to: ...GraphQL
Arka Infotecharkainfotech.hashnode.dev·Jan 2, 2025Integrating APIs with Next.js for Seamless Data FetchingIntroduction Next.js, a popular React framework, has revolutionized how developers build web applications by offering powerful features like server-side rendering (SSR), static site generation (SSG), and dynamic routing. One of its standout capabilit...Next.js
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...30 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.6K readsVue.js
