8000 GitHub - mxfng/react-bahn: πŸš† A comprehensive and opinionated setup for modern React development
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

πŸš† A comprehensive and opinionated setup for modern React development

Notifications You must be signed in to change notification settings

mxfng/react-bahn

Repository files navigation

React Bahn πŸš†

This template provides a comprehensive and opinionated setup for modern React development.

Dependencies to highlight include:

  • React 19
  • TypeScript 5.8.3 + SWC
  • Vite 6
  • TailwindCSS 4.1.5
  • Radix UI Primitives
  • Shadcn-style utilities
  • Framer Motion 12
  • React Router 7
  • React Hook Form 7 + zod

React Bahn also comes pre-packaged with popular development tooling, including battle-tested configurations for Bun, ESLint, Prettier, Husky, TypeScript, and Vitest.

Dependencies

  • git
  • bun

Also recommended: asdf (to use .tool-versions)

Quick Start

Boostrap a project repo with a curl command:

curl -s https://raw.githubusercontent.com/mxfng/react-bahn/main/setup.sh | bash -s my-project-name

The setup script clones this repository, runs git init, updates the project name in package.json and index.html, and makes an initial git commit.

After setup completes, install the dependencies and start the development server:

cd my-project-name
bun install
bun dev

Structure

The template follows a feature-first architecture with clear separation of concerns:

react-bahn/
β”œβ”€β”€ public/             # Static assets
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ api/            # API client and service abstractions
β”‚   β”œβ”€β”€ assets/         # Project assets (images, fonts, etc.)
β”‚   β”œβ”€β”€ components/     # Reusable UI components
β”‚   β”œβ”€β”€ features/       # Feature-specific components and logic
β”‚   β”œβ”€β”€ layouts/        # Layout components (wrappers, containers)
β”‚   β”œβ”€β”€ lib/            # Utility functions and shared code
β”‚   └── routes/         # Route or page components
└── .husky/             # Git hooks

Usage

You may clone, re-use, re-write, and re-purpose this template for your projects however you'd like.

About

πŸš† A comprehensive and opinionated setup for modern React development

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
0