Performance Best Practices

let userProfile = { };
await grab('users/me', { response: userProfile });

// Direct assignment is supported but loses .isLoading status
let user = await grab('users/me');

grab('', {
  setDefaults: true,
  baseURL: process.env.API_URL,
  timeout: 30,
  debug: process.env.NODE_ENV === 'development'
});

if (process.env.NODE_ENV === 'development') {
  grab.mock = {
    'users/me': { response: mockUser },
    'posts': { response: mockPosts },
    'settings': { response: mockSettings }
  };
}

{state.isLoading ? (
  <LoadingSpinner />
) : state.error ? (
  <ErrorMessage error={state.error} />
) : (
  <DataComponent data={state.data} />
)}

await grab('save-data', {
  post: true,
  rateLimit: 2, // 2 seconds between saves
  data: formData
});

// config.js
const isDevelopment = process.env.NODE_ENV === 'development';

// Configure GRAB for different environments
grab('', {
  setDefaults: true,
  baseURL: isDevelopment 
    ? 'http://localhost:3001/api'
    : 'https://api.myapp.com/v1',
  debug: isDevelopment,
  timeout: isDevelopment ? 60 : 30,
  cache: !isDevelopment,
  retryAttempts: isDevelopment ? 0 : 2
});