react-ts-jest-template

React-TypeScript Testing Library and Tailwind CSS Template

Unlike Create-React-App, Vite doesnt come by default with Testing Library, Jest setup with it . So, this repository can help you out in quickly getting started.

Features

• React: A popular JavaScript library for building user interfaces.
• Typescript: A typed superset of JavaScript that helps catch errors early and improve code quality.
• Jest: A testing utility for writing unit and integration tests with a user-centric approach.
• React-Testing-Library: A testing library for React for writing unit and integration tests with a user-centric approach.
• Tailwind: A utility-first CSS framework for rapidly building custom designs.

Getting Started

Install using npm package

npm i react-ts-jest-template

Using Template and Cloning this Repo

Follow these steps to set up a new project based on this template:

• Click the "Use this template" button on this repository to create a new repository using this template.

• Clone your newly created repository to your local machine:

  git clone https://github.com/amitjimiwal/React-ts-jest-template.git
  

• Navigate to the project directory:

  cd your-project-name
  

• Install dependencies:

  npm install
  

• Start the development server:

  npm run dev
  

• Open your browser and visit http://localhost:5173 to see your app in action.

Contributing

Contributions to improve this template are welcome! If you find any issues or have suggestions for enhancements, feel free to open an issue or submit a pull request.

• Fork the repository.

• Create a new branch:

  git checkout -b feature/your-feature-name
  

• Make your changes and commit them:

  git commit -m "Add your changes"
  

• Push your changes to your forked repository:

  git push origin feature/your-feature-name
  

• Open a pull request against the main branch of this repository.

License

This project is licensed under the MIT License - see the LICENSE file for details.