📌 What is Axios?

📌 Pre-Requisites

• React Fundamentals
• Components
• useState & useEffect
• Arrow Functions & Destructuring
• Promise, Async & Await
• Fetch API basics

⚙️ Why Use Axios in React?

• Good defaults for JSON data (no manual headers or conversions needed)
• Supports all HTTP methods with simple function names (.get, .post, etc.)
• Simpler syntax than Fetch API
• Better error handling (throws 400 & 500 range errors automatically)
• Can be used in both client (browser) and server (Node.js)

🚀 Setting up Axios in React

📡 API Endpoints (JSONPlaceholder)

• GET /posts
• GET /posts/1
• GET /posts/1/comments
• GET /comments?postId=1
• POST /posts
• PUT /posts/1
• PATCH /posts/1
• DELETE /posts/1

📥 GET Request – Fetch Single Post

import React from 'react';
import GETAxios from './GETAxios.jsx';
const App = () => {
 return <GETAxios/>
}

export default App;

📥 GET Request – Fetch Multiple Posts

import React from 'react';
import GETAxios from './GETAxios.jsx';
const App = () => {
 return <GETAxios/>
}

export default App;

📤 POST Request – Send Data

import React from 'react';
import PostAxios from './PostAxios.jsx';
const App = () => {
 return <PostAxios/>
}

export default App;