Skip to content

Starter template using React 18, TypeScript, TailwindCSS, and Webpack 5, optimized for seamless development and efficient production builds.

Notifications You must be signed in to change notification settings

ivstudio/react-typescript-tailwindcss-webpack5-starter

Repository files navigation

React 18, TypeScript, Tailwind CSS, and Webpack 5 starter template

Starter template using React 18, TypeScript, TailwindCSS, and Webpack 5, optimized for seamless development and efficient production builds.

Tech Stack

Requirements

  • Before starting, ensure you have Node.js 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

About

Starter template using React 18, TypeScript, TailwindCSS, and Webpack 5, optimized for seamless development and efficient production builds.

Topics

Resources

Stars

Watchers

Forks