https://github.com/hanayashiki/js-templates

Templates for JavaScript projects
https://github.com/hanayashiki/js-templates

Last synced: 2 months ago
JSON representation

Templates for JavaScript projects

• Host: GitHub
• URL: https://github.com/hanayashiki/js-templates
• Owner: hanayashiki
• Created: 2022-08-30T07:25:29.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-01-04T05:23:25.000Z (about 1 year ago)
• Last Synced: 2024-08-09T02:18:33.512Z (5 months ago)
• Language: TypeScript
• Size: 192 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# JS Templates

A collection of opininated JavaScript project starters.

# The Why

Setting up a JavaScript project is difficult. JavaScript tools are a separate and unrelated sea of libraries, which makes setting up new projects painful and programmers find themselves faced with the same kinds of problems for every new project. Such trouble in setting up a new project eventually forbids programmers from setting up new libraries or new micro-apps whenever there should be one. It should take no pain for us to setup a new JS project, with typechecking, building, linting and package management handled in one breeze, and there are no reason not to achieve that. New JS runtimes, namely Deno and Bun, are built-in with such utilities, but the good old Node environment doesn't and probably never will have an optionated way to do that. That's why everyone builds their own JS boilerplates.

# Starters

## React SPA

```

npx @chenyuwang/js-templates@latest react-spa my-project

```

Based on `pnpm create vite --template react-ts`, and battery-included.

1. Vite + React

   1. `vite-tsconfig-paths`

   2. `vite-plugin-fast-react-svg`

   3. `public/_headers` for Cloudflare Pages

2. TypeScript

   1. `@/` absolute import

3. Tailwind CSS

4. ESLint + Prettier

5. Husky

6. PNPM

7. VSCode Extensions

## NPM

```

npx @chenyuwang/js-templates@latest npm my-project

```

Public NPM package with Tsup and Vitest.

1. Tsup

2. Vitest

3. ESLint + Prettier

4. Husky

5. PNPM

6. VSCode Extensions

## NPM Monorepo

```

npx @chenyuwang/js-templates@latest npm-monorepo my-project

```

Based on NPM template, and

1. `nx`

2. `pnpm-workspace`