Rumaisa Navedrumaisanaveed.hashnode.dev·Feb 9, 2025How to Consume RESTful APIs on the Frontend Using AxiosIntroduction In this article, we'll learn how to use Axios to consume RESTful APIs on the frontend. We’ll cover different HTTP methods, handling API responses and errors, setting up Axios in a project, using interceptors, and following best practices...4 likesAPI Integration Seriesaxios
Omkar Manteomkarmante260.hashnode.dev·Feb 7, 2025Enhancing React Performance with Interceptors and MiddlewareIntroduction Optimizing performance and eliminating repetitive code are critical for developing scalable React apps. One of the most effective approaches is to use interceptors and middleware to handle API calls, authentication, error handling, and l...1 like·46 readsReact
Abhishek bhattbhattabhi.hashnode.dev·Feb 2, 2025Fixing Multiple 401 Errors in Axios: The Best Way to Handle Token ExpiryIssue and Context I recently encountered a frustrating problem in my project. When the access token expired, multiple API calls would fail with 401 Unauthorized errors, leading to a stream of "Something went wrong" messages. Even though we had a refr...41 readsReact
Emmanuel Oaikhenanemmaodia.hashnode.dev·Jan 27, 2025How to Vet GitHub Profiles Using JavaScript and the GitHub APIIntroduction Recently, I encountered a scenario where I needed to clean and validate data submitted via a form. The intent was to source developers, and therefore, the Form fields included names, emails, GitHub profiles, etc. Due to the nature of the...GitHub API
Pranabesh Pratiharpranabesh.hashnode.dev·Jan 12, 2025Ecom React Native Applicationimport React from 'react'; import ProductList from './components/ProductList'; import { NavigationContainer } from '@react-navigation/native'; import { createNativeStackNavigator } from '@react-navigation/native-stack'; import ProductDetails from './...React Native
Pranav Bawgikarpranavbawg.hashnode.dev·Jan 12, 2025Why you should switch from Fetch to Ky[31] Why do we need to fetch data from APIs? Fetching data from APIs is like getting information from a specialized messenger. An API is like a postman who can go to different places and bring back specific information for you. Sometimes, the informa...axios
Aradhya Srivastavaprogsriaramech.hashnode.dev·Nov 25, 2024Building a Console Tool to Fetch CodeChef and GitHub User StatisticsHave you ever wanted to quickly view your CodeChef and GitHub statistics right from your console? In this blog, I’ll show you how to build a simple yet powerful Node.js script that does just that. This tool scrapes CodeChef user data and fetches GitH...Node.js
Hamidreza Mahdavipanahhamidreza.tech·Nov 22, 2024Pitfalls of URL and URLSearchParams in JavaScriptIt All Started With a Bug Working with URLs in JavaScript and Node.js should be straightforward, but a recent bug in our project led me down a rabbit hole of subtle quirks in the URL and URLSearchParams APIs. This post will explore these quirks, how ...471 readsNode.js
Abdullateef (Belle)belle-meee.hashnode.dev·Nov 2, 2024Stream data to AWS S3 as a CSV file with AxiosI’m assuming that, like me, you ran into a challenge where you needed to stream a large JSON response (not a file) without having to store the entire JSON array in memory before processing and uploading it as a document. Streaming a JSON response wit...10 likesNode.js
Ogunuyo Ogheneruemu Biruemu.hashnode.dev·Oct 23, 2024FeaturedHow to Build a CRUD Application with React and PHPIn this blog post, we will create a CRUD (Create, Read, Update, Delete) application using React for the frontend and PHP for the backend. We will store our data in a MySQL database, communicate between the frontend and backend using Axios for HTTP re...17 likes·306 readscrud