Adrift

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.

Getting started

Quick start, get up an running in one command:

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

Clone this repo and run one of the following scripts:

Available scripts (run using yarn <script> or npm run <script>):

• dev - starts Vite dev server for local development
• 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