RDF Data Fetcher

A flexible data fetching package for React components with SSR and CSR support.

Installation

npm install rdf-data-fetcher

Features

• Support for both Server-Side Rendering (SSR) and Client-Side Rendering (CSR)
• Four types of fetching functions:
  • asyncLarge: For large async data fetching operations
  • asyncSmall: For small async data fetching operations
  • syncLarge: For large synchronous data processing
  • syncSmall: For small synchronous data operations
• Registry system for managing fetch functions
• TypeScript support

Usage

Basic Usage

import { createAsyncLarge, fetcherRegistry } from 'rdf-data-fetcher';

// Create a fetch function
const fetchUsers = async () => {
  const response = await fetch('https://api.example.com/users');
  return response.json();
};

// Create a configured fetch function
const asyncUsers = createAsyncLarge(fetchUsers, { config: 'server' });

// Register the fetch function
fetcherRegistry.register(asyncUsers, 'users');

Available Functions

1. createAsyncLarge: For large async operations

   const asyncLarge = createAsyncLarge(fetchFunction, { config: 'server' | 'client' });

2. createAsyncSmall: For small async operations

   const asyncSmall = createAsyncSmall(fetchFunction, { config: 'server' | 'client' });

3. createSyncLarge: For large sync operations

   const syncLarge = createSyncLarge(fetchFunction, { config: 'server' | 'client' });

4. createSyncSmall: For small sync operations

   const syncSmall = createSyncSmall(fetchFunction, { config: 'server' | 'client' });

Registry Usage

// Register a fetch function
fetcherRegistry.register(fetchFunction, 'uniqueName');

// Get a registered fetch function
const fetchFunction = fetcherRegistry.get('uniqueName');

License

MIT