Template react app with batteries included 🔋

• Vite
• Vitest (testing for Vite)
• Playwright (testing end-to-end)
• Typescript
• TanStack Store
• TanStack Router
• StyleX
• React Scan (local development)
• Cosmos (local development / lightweight Storybook alternative)
• Custom
  • bootstrap.ts - Build script
  • persist.ts - Persister for TanStack Store
  • Components
    • Halo - Animated halo/glow effect around a box
    • Noise - Animated noise/grain effect (for images)
    • Ripple - Animated ripple effect on-click (inspired by material-ui)
    • Shader - Renders a basic GLSL shader (just ~3kb gziped)
  • Utils and helper functions
    • log - Log functions with timestamps, namespaces, and time-since-last-log prepended to each log
    • env - Env object with type-safe environment variables
    • feature - Feature flag function (uses env)

Checkout Adrift Native to run Adrift apps natively on Windows, Mac, and Linux.

Quick start, get up an running in one command:

git clone https://github.com/hmerritt/adrift && cd adrift && bun i && bun dev

Clone this repo and run one of the following scripts:

Available scripts (run using bun run <script>):

• dev - starts Vite dev server for local development
• lint - runs fast lint (oxlint), ESLint compatibility checks, and type-checking
• lint:fast - runs oxlint (primary fast lint pass)
• lint:eslint - runs ESLint (StyleX + React hooks/compiler compatibility rules)
• typecheck - runs TypeScript type-checking (tsc --noEmit)
• test - runs all test files
• preview - similar to dev, but uses production mode to simulate the final build
• build - builds the project to dist directory
• cosmos - Cosmos dev server