A nice and simple React template to let me (or anyone else) quickly whip up new projects.
- React + TypeScript
- Zustand for state management
- React Router for routing
- Vite
- Yarn for package management
- ESLint and Prettier with some sensible defaults.
- Tailwind CSS + DaisyUI
- Tailwind CSS Intellisense
- ESLint
- Prettier
- markdownlint with some basic settings.
- Code Spell Checker
- Todo Tree
- Git History
- Git Graph
This ESLint and Prettier config uses double-quotes and semicolons.
const msg = "wow";
You can download this repo as a .zip or clone it with git, but a cleaner approach is with degit.
npx degit njs-templates/njs-react new-project
cd new-project
yarn
This was meant to be used with VS Code, but it should work with any editor.
You'll be prompted to install any recommended extensions that aren't installed.
If no one on your team is using VS Code, just delete the .vscode/
folder.
- Run
yarn dev
to start Vite and make sure everything's working. - Delete
LICENSE.txt
from the root of the directory.- If your project still uses an MIT License, just edit the author and year.
- In
package.json
, change the project name and version. - Delete the
.git/
folder if you cloned this repo. - Run a
git init
to start tracking changes. - Delete the boilerplate from
src/App.tsx
,src/components/
,src/store/
,src/routes/
, andsrc/index.css
. - Do whatever. This code is yours now. Credit is appreciated but not needed.