https://github.com/ivstudio/react-ts-tailwind-starter
Starter template using React 19, TypeScript, TailwindCSS, and Webpack 6, optimized for seamless development and efficient production builds.
https://github.com/ivstudio/react-ts-tailwind-starter
react starter-template tailwindcss typescript webpack5
Last synced: over 1 year ago
JSON representation
Starter template using React 19, TypeScript, TailwindCSS, and Webpack 6, optimized for seamless development and efficient production builds.
- Host: GitHub
- URL: https://github.com/ivstudio/react-ts-tailwind-starter
- Owner: ivstudio
- Created: 2024-08-03T17:21:02.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-02-22T16:53:04.000Z (over 1 year ago)
- Last Synced: 2025-02-22T17:31:28.038Z (over 1 year ago)
- Topics: react, starter-template, tailwindcss, typescript, webpack5
- Language: TypeScript
- Homepage: https://ivstudio.github.io/react-ts-tailwind-starter/
- Size: 5.23 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React 19, TypeScript, Tailwind CSS, and Webpack 6 starter template
Starter template using React 19, TypeScript, TailwindCSS, and Webpack 6, optimized for seamless development and efficient production builds.
## Tech Stack
- [React 19](https://reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [TailwindCSS](https://tailwindcss.com/)
- [Webpack 6](https://webpack.js.org/)
- [ESLint](https://eslint.org/)
- [Prettier](https://prettier.io/)
- [Jest](https://jestjs.io/)
- [Testing Library](https://testing-library.com/docs/react-testing-library/intro/)
### Requirements
- Before starting, ensure you have [Node.js](https://nodejs.org/) v22.x or later and npm installed.
## Getting Started
1. Clone project or click use this template
2. `npm install`
3. `npm start`
## Production 🚀
The production build generates an optimized output in the `dist/` directory, ready for deployment. To build the project for production, run:
`npm run build`
## Testing
- Run all the tests in the project.
`npm run test`
- Generate a code coverage report.
`npm run coverage`
- Analyze bundle size during the build process to identify potential optimizations.
`npm run analyze`
## Coding Standards
- Lints the code with ESLint to check for errors and enforce standards.
`npm run lint`
- Format the code with Prettier, following specified style guidelines.
`npm run format`
## Pre-commit Hook
Husky is used to run pre-commit hooks to ensure code quality before commits.
Modify the hook as needed by editing the `.husky/pre-commit` file.
---
Made with ♥ by ivstudio