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

https://github.com/vlrmprjct/react.min

ReactJS App Template with TS support without using VITE, CRA, etc.
https://github.com/vlrmprjct/react.min

boilerplate boilerplate-front-end javascript kickstart kiss protoyping react reactjs starter-template template typescript

Last synced: 28 days ago
JSON representation

ReactJS App Template with TS support without using VITE, CRA, etc.

Awesome Lists containing this project

README

          

![Static Badge](https://img.shields.io/badge/Node-v22.16.0-3?style=flat-square)
![GitHub Tag](https://img.shields.io/github/v/tag/vlrmprjct/react.min?style=flat-square)
![GitHub License](https://img.shields.io/github/license/vlrmprjct/react.min?style=flat-square)
![GitHub Issues](https://img.shields.io/github/issues/vlrmprjct/react.min?style=flat-square)
![GitHub last commit](https://img.shields.io/github/last-commit/vlrmprjct/react.min?style=flat-square)
![GitHub (Pre-)Release Date](https://img.shields.io/github/release-date-pre/vlrmprjct/react.min?style=flat-square)
![GitHub commit activity](https://img.shields.io/github/commit-activity/m/vlrmprjct/react.min?style=flat-square)

# React Template App ⚛️

This repository lets you test or prototype React apps without the hassle of setting up a new project every time. It also includes an easy way to build for production, so you can deploy your app with just a few simple steps.

## Get Started (Locally)

1. Clone the project
2. Run `npm ci`
3. Run `npm start`
4. Open [http://localhost:9000](http://localhost:9000) to view it in the browser.
5. Go to `src/App.tsx` to start prototyping.

## 12 Reasons Why

- 🥺 New to GitHub? Keep it simple and focus on learning.
- 👁 Quickly test layouts with color mode.
- 🧖‍♀️ Prototype faster without setup delays.
- 🗑 Keep your local machine clean—no unnecessary files.
- 🥴 Avoid local environment issues—just start coding.
- ❌ No browser log errors to distract you.
- 🪄 No linter or formatter issues—just code.
- 📚 Clean directory structure—no clutter, just essentials.
- 🚀 Skip project setup—jump straight into coding.
- 🧪 Perfect for learning React without setup headaches.
- ▶️ Instantly start the app and see results.
- 🤯 Stay focused on what matters—building your app.

## Repository Template Rules

- No CRA, No Vite, No Overhyped Frameworks:

_Keep it simple, no unnecessary complexity_

- Minimum Setup:

_Start coding right away with the bare essentials_

- Maximum Comfort:

_Prioritize developer experience with easy-to-use tools_

- Readable Webpack Config:

_Transparent and easy-to-understand configuration_

- Fewer Third-Party Config Packages:

_Reduce dependency clutter and keep control over your setup_

- Lightweight Dependencies:

_Only include what’s necessary—no bloat_
- Easy Customization:

_Adapt the setup to your needs without hassle_
- Focus on Code, Not Configuration:

_Spend your time building, not tweaking settings_

## Currently Build-In

- ✅ Typescript support
- ✅ SCSS support
- ✅ Global SCSS import file support
- ✅ Dot.Env support
- ✅ Out of the box working build
- ✅ Splitted chunks
- ✅ Assets directory
- ✅ SVG support
- ✅ Images support
- ✅ Webfonts support

## Environnment Supported dot-env's

- 💾 `.env.production`
- 💾 `.env.development`
- 💾 `.env.local`

## Tasks may up to you

- Eslint
- Stylelint
- Formatter
- Tests
- Browserlist