Bindra Examples

Real-world examples demonstrating Bindra's features and integration patterns.

📖 For detailed examples documentation, see Examples Overview

Examples

Basic Examples

1. Basic CRUD - Fundamental Create, Read, Update, Delete operations
2. Real-time Collaboration - WebSocket-based collaborative editing
3. Pagination & Infinite Scroll - Various pagination patterns

Framework Integrations

4. React Integration - React hooks and components
5. Vue Integration - Vue 3 Composition API

Quick Start

Run an Example

# Navigate to an example
cd examples/01-basic-crud

# Install dependencies (if needed)
pnpm install

# Run the example
npx ts-node index.ts

Use in Your Project

# Install Bindra
npm install bindra
# or
pnpm add bindra

import { DataSource } from 'bindra';

interface User {
  id: number;
  name: string;
  email: string;
}

const users = new DataSource<User>({
  url: 'https://api.example.com/users'
});

// Use it!
await users.fetch();
console.log(users.data);

Features by Example

Example	CRUD	WebSocket	Pagination	Validation	Caching	Security
Basic CRUD	✅	-	-	-	-	-
Real-time	✅	✅	-	-	✅	✅
Pagination	✅	-	✅	-	✅	-
React	✅	✅	✅	✅	✅	-
Vue	✅	-	✅	✅	-	-

Learn More

• Complete Examples Guide - Detailed examples documentation
• Getting Started - Your first steps with Bindra
• API Reference - Complete API documentation
• Documentation Hub - All documentation