Skip to content

Template for using React to develop websites. The template has TailwindCSS, Webpack, Babel, GitHub Actions, Prettier, Testing Library, Jest, & ESLint integration.

License

Notifications You must be signed in to change notification settings

divshekhar/react-typescript-template

Repository files navigation

React-Typescript-Template

Welcome to my React template

This template is built with the following technologies:

  • Language: TypeScript
  • Styling: TailwindCSS
  • Testing: Jest
  • Linting: ESLint
  • Formatting: Prettier
  • Bundling: Webpack
  • Transpiling: Babel
  • Lint Staged: Husky
  • React Refresh
  • Development & Production configurations
  • Declarations for png and svg files

Getting Started

Using this template is very simple, follow the following instructions:

  1. Fork the repository
  2. Create a new repository and select forked repository as template

Or,

  1. Clone the repository
git clone https://github.com/divshekhar/react-typescript-template.git
  1. Install the dependencies
npm install
  1. Start the development server
npm start
  1. Build for production
npm run build

Features

  • TypeScript for improved code quality and developer experience
  • TailwindCSS for responsive styling
  • Jest for unit testing
  • ESLint for linting and maintaining code consistency
  • Prettier for automatic code formatting
  • Webpack for bundling and building the application
  • Babel for transpiling modern JavaScript to older versions for better browser compatibility
  • Husky for running lint-staged, which lints and fixes files before committing
  • React Refresh for faster development experience
  • Development & Production configurations for different environment settings
  • Declarations for png and svg for improved developer experience

Contributing

Please feel free to contribute to this project by submitting issues or pull requests.

License

This project is licensed under the ISC License.

Acknowledgements

Thank you for using this template. I hope it helps you build your next project with ease.