Fusion Table (React Native)

A modern, customizable data table component for React Native, built with TypeScript, TanStack Table, and NativeWind. Designed for monorepos using pnpm workspaces, with clean, reusable table logic shared across platforms.

Features

• ✨ TanStack Table v8 with complete TypeScript support
• 🎨 NativeWind styling for React Native
• 📱 Works seamlessly inside a pnpm monorepo
• 🔄 Built-in pagination with customizable page sizes
• 💪 Reusable, fully typed table components
• ⚛️ Optional shared logic with other packages (web, utils, etc.)

Demo

(Add screenshot here)
![Table Preview](./assets/table-native.png)

Quick Start

# Install dependencies
pnpm install

# Start React Native app (Expo or CLI)
pnpm mobile

Available Scripts

pnpm mobile # Start the RN dev server pnpm mobile:build # Build the mobile app (if configured)

Usage

import { DataTableNative } from './components/DataTableNative';

const columns = [
{ accessorKey: 'name', header: 'Name' },
{ accessorKey: 'email', header: 'Email' },
];

const data = [
{ id: 1, name: 'John', email: '[email protected]' },
];

<DataTableNative
data={data}
columns={columns}
pageSize={10}
/>

Tech Stack

• React Native + TypeScript 5
• TanStack Table v8
• NativeWind
• pnpm Workspaces
• Supports Expo or React Native CLI