Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/enk0de/react-boilerplate

React Boilerplate with TypeScript, Webpack 5, Babel, Yarn 2
https://github.com/enk0de/react-boilerplate

babel boilerplate hmr react scaffolding starter typescript webpack webpack5 yarn2

Last synced: about 1 month ago
JSON representation

React Boilerplate with TypeScript, Webpack 5, Babel, Yarn 2

Awesome Lists containing this project

README

        



# React Boilerplate

![React](https://img.shields.io/badge/React-61DAFB.svg?&style=for-the-badge&logo=React&logoColor=333333)
![TypeScript](https://img.shields.io/badge/TypeScript-3178C6.svg?&style=for-the-badge&logo=TypeScript&logoColor=white)
![Webpack](https://img.shields.io/badge/Webpack-8DD6F9.svg?&style=for-the-badge&logo=Webpack&logoColor=333333)
![Babel](https://img.shields.io/badge/Babel-F9DC3E.svg?&style=for-the-badge&logo=Babel&logoColor=333333)
![Yarn](https://img.shields.io/badge/Yarn-2C8EBB.svg?&style=for-the-badge&logo=Yarn&logoColor=white)
![ESLint](https://img.shields.io/badge/ESLint-4B32C3.svg?&style=for-the-badge&logo=ESLint&logoColor=white)
![Prettier](https://img.shields.io/badge/Prettier-F7B93E.svg?&style=for-the-badge&logo=Prettier&logoColor=333333)
![Jest](https://img.shields.io/badge/Jest-C21325.svg?&style=for-the-badge&logo=Jest&logoColor=white)

![Vulnerabilities](https://img.shields.io/snyk/vulnerabilities/github/hoondeveloper/react-boilerplate?style=for-the-badge)
![License](https://img.shields.io/github/license/hoondeveloper/react-boilerplate?style=for-the-badge)

Simple, but cool frontend boilerplate starter for React.

## Features

- Webpack HMR(Hot Module Replacement) using React Refresh is working.
- Default ESLint, Prettier settings is pre-configured.
- Default JetBrainatic IDE settings is pre-configured.
- No codes except the core.

## Included

- React
- Webpack 5
- TypeScript
- Babel
- Yarn 2 Berry with PnP
- ESLint
- Prettier
- Jest

## Requirements

- Node.js 14+
- Yarn Package Manager
- WebStorm (optional)
- if you are not using this, do below in the root of directory.
`rm -rf .idea`

## License

[MIT License](https://github.com/hoondeveloper/react-boilerplate/blob/main/LICENSE)