GitXplorerGitXplorer
c

vite-ts-react-tailwind-template

public
550 stars
35 forks
0 issues

Commits

List of commits on branch main.
Unverified
767fe3358a199a2b021755afaed0c0d391383416

Update GitHub Actions.

ccpojer committed 8 days ago
Unverified
7263ddfc14b76962ec30e64ad631516143d579c1

Update to latest everything.

ccpojer committed 8 days ago
Unverified
f781e4a427da538c564f4dcb92fce06c03ceaa8e

Update all deps.

ccpojer committed 7 months ago
Unverified
895e6e0cacd60613c080c06969f18877f23188fe

Update all deps, upgrade to npm-run-all2.

ccpojer committed a year ago
Unverified
9cd0f93f8a0a68a81e6be72115a082c559d8a9c5

Add a pre-commit hook to run prettier.

ccpojer committed a year ago
Unverified
6e35da183f91f4dd9cefdb0f506e752917c1d95e

Update deps.

ccpojer committed a year ago

README

The README file for this repository.

Starter Kit for Vite, React, TypeScript, Tailwind and Node.js ESM

Minimal, sensible defaults, fast.

Read the blog post about this template.

Technologies

screenshot of App.tsx

Setup

  • Press the "Use this template" on the top of this repository's GitHub page.
  • Run pnpm install (or npm install if you don't use pnpm).
  • pnpm dev for development.
  • Use pnpm test to run tests.
  • pnpm build for production builds.

Note: You can install pnpm via homebrew on macOS: brew install pnpm.

Protips for the fastest Developer Experience

  • Use npm-run-all to parallelize local test runs.
  • Prettier and eslint have --cache flags. Use them!
  • Do not run prettier inside of eslint. It commonly takes 50% of the eslint runtime!
  • Automatically sort imports when running prettier/saving the document via @ianvs/prettier-plugin-sort-imports.
  • Use swc with ts-node for fast node scripts with ESM. See below ↓

Run node scripts with ESM and TypeScript, fast.

Create a script.ts file, run chmod x script.ts and execute it via ./script.ts.

#!/usr/bin/env node --no-warnings --experimental-specifier-resolution=node --loader ts-node/esm

console.log('Your code goes here.');

Use this to restart your scripts instantly when a file changes:

#!/usr/bin/env NODE_ENV=development node --watch --no-warnings --experimental-specifier-resolution=node --loader ts-node/esm

console.log('This processes instantly restarts when a file changes.');