Setting up a React app and running is a time consuming task & making decision with React is even harder, what folder structure to go for ? which library to use for routing? which one for writing css? these are hard questions i faced when working with React. over the time i gained bit of knowledge from my work so I created this template which takes all the hard decisions for you on your behalf. Feel free to tweak these template according to your needs.
folder structure : Colocation blog post by Kent C. Dodds
- ⚡️ React 18 - latest and the greatest
- 🦾 TypeScript - of course
- 🧹 Eslint - with famous airbnb styles
- 🐶 Husky - Modern native git hooks made easy
- 🎨 Tailwind with JIT - next generation utility-first CSS
- 🗂 Absolute imports - make the component more readable and clean
Generate a new project from this template, clone it, install project dependencies, and start hacking
$ git clone https://github.com/Nivethan-Ar/obese-cat.git ./your-project-name
$ cd ./your-project-name
$ npm i
$ npm run dev
npm run dev— Launches the app in development mode onhttp://localhost:3000npm run build— Compiles and bundles the app for deploymentnpm run lint— Validate the code using ESLintnpm run lint:fix— Validate the code using ESLint and autofix codenpm run test— Run unit tests with Jest