Why Use Mock'n Go for React?
Instant Setup
Create mock endpoints in seconds. No configuration needed - just define your schema and start fetching.
Realistic Data
Generate realistic test data with Faker.js integration. Names, emails, addresses, and more.
React-Ready Responses
JSON responses designed for React state management. Works with fetch, axios, React Query, and SWR.
CORS Enabled
No CORS headaches. All mock APIs are configured to work seamlessly with your React dev server.
Simulate Delays
Test loading states with configurable response delays. Perfect for skeleton screens and spinners.
Team Sharing
Share mock APIs with your team. Everyone works with the same test data for consistent development.
Get Started in Minutes
Create Your Mock API Project
Sign up and create a new project. Define your API endpoints and data schema in minutes.
Configure Your React App
Copy your API endpoint URL and use it in your React components with fetch, axios, or React Query.
Start Building
Your mock API is live instantly. Build your UI, test edge cases, and iterate quickly without backend delays.
Quick Setup
Get started in minutes with our simple integration
import { useState, useEffect } from 'react';
function UserList() {
const [users, setUsers] = useState([]);
useEffect(() => {
fetch('https://mngoapi.laclass.dev/api/your-endpoint/users')
.then(res => res.json())
.then(data => setUsers(data));
}, []);
return (
<ul>
{users.map(user => (
<li key={user.id}>{user.name}</li>
))}
</ul>
);
}import { useQuery } from '@tanstack/react-query';
function UserList() {
const { data: users, isLoading, error } = useQuery({
queryKey: ['users'],
queryFn: () =>
fetch('https://mngoapi.laclass.dev/api/your-endpoint/users')
.then(res => res.json()),
});
if (isLoading) return <div>Loading...</div>;
if (error) return <div>Error loading users</div>;
return (
<ul>
{users.map(user => (
<li key={user.id}>{user.name}</li>
))}
</ul>
);
}