divshekhar / react-typescript-template

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

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

2. Install the dependencies

npm install

3. Start the development server

npm start

4. 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.

react-typescript-template's Issues

Not Able to create build

Hi There,

While creating build the terminal gets stucked and it opens new port for webpack bundler and the build script does executes successfully.