Mocking up web apps with R-Ts-T(speed)
- ⚡️ React 18
- 🦾 TypeScript
- 👑 Jest - unitary testing made easy
- 🎨 Tailwind CSS - next generation utility-first CSS
- 🗂 Absolute imports
- 😃 Hero icons
- ☁️ Deploy on Vercel, zero-config
- TypeScript
- vercel - zero-config deployment
Create a repo from this template on GitHub.
If you prefer to do it manually with the cleaner git history
npx degit kazim-kayhan/react-ts-tailwind your-project-name
cd your-project-name
yarn # If you don't have yarn installed, run: npm install -g yarn
When you use this template, try follow the checklist to update your info properly
- Rename
name
andauthor
fields inpackage.json
- Change the author name in
LICENSE
- Change the title in
index.html
- Change the favicon in
public
- Modify the manifest in
public
- Clean up the README's
And, enjoy :)
I recently created several React apps, and the config setup was a bottleneck for me to quickly bring my ideas to life. To make the process easier, I created this starter template which includes some of the best practices I've learned from creating those apps. Feel free to customize it, star it, or even maintain your own fork.
Just run and visit http://127.0.0.1:5173/
yarn dev
To build the App, run
yarn build
And you will see the generated file in dist
that ready to be served.
If pre-commit hooks are not working be sure that you have installed husky: husky install
.
By default this command should be triggered after yarn/npm deps are installed.