https://github.com/lifeisbeautifu1/modern-react-app

A modern React app (early 2025 edition)
https://github.com/lifeisbeautifu1/modern-react-app

babel browserslist cicd codecoverage eslint netlify-deployment playwright postcss prettier react react-router react-starter stylelint tailwindcss typescript vite vitest

Last synced: about 6 hours ago
JSON representation

A modern React app (early 2025 edition)

• Host: GitHub
• URL: https://github.com/lifeisbeautifu1/modern-react-app
• Owner: lifeisbeautifu1
• License: mit
• Created: 2025-01-03T12:52:20.000Z (8 days ago)
• Default Branch: master
• Last Pushed: 2025-01-10T19:09:44.000Z (about 12 hours ago)
• Last Synced: 2025-01-10T20:21:43.855Z (about 11 hours ago)
• Topics: babel, browserslist, cicd, codecoverage, eslint, netlify-deployment, playwright, postcss, prettier, react, react-router, react-starter, stylelint, tailwindcss, typescript, vite, vitest
• Language: TypeScript
• Homepage: https://poltoradnev.dev/
• Size: 1.04 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
[![Netlify Status](https://api.netlify.com/api/v1/badges/87b62e2d-fcc2-4a84-b570-ca63bffe66ee/deploy-status)](https://app.netlify.com/sites/modern-react-demo/deploys)

[![codecov](https://codecov.io/github/lifeisbeautifu1/modern-react-app/graph/badge.svg?token=12ZEPZOBZL)](https://codecov.io/github/lifeisbeautifu1/modern-react-app)

# A modern react app (January 2025 edition)

This is a public template to start up a preconfigured React app for best DX.

The main features of this template:

- Editor config - for human-readable line length, consistent space indentations and end of line rules.

- List of VS Code recommended extensions to enhance web developer experience.

- `Stylelint` helps maintain consistent and error-free CSS code by enforcing coding standards and catching syntax errors.

- `Eslint` to enforce consistent coding styles and catch potential errors in your JavaScript code.

- `TypeScript` enhances code quality and maintainability in web development by providing static typing and advanced tooling features.

- `PostCSS` allows you to transform CSS with plugins, enabling features like autoprefixing, nesting, and custom syntax, enhancing your workflow and code quality.

- `Browserslist` allows you to specify target browser versions for your project, ensuring compatibility and optimized performance across different environments. (Integrated with eslint, stylelint and babel)

- `Babel` for transpilation to ensure compatibility with older browsers and to leverage modern JavaScript features through plugins.