cra-template-supercharged v3.1.0

Supercharged CRA Typescript Template

Supercharged CRA Typescript Template with Popular Packages, Redux RTK, Opinionated Linters, Emotion, Material UI, and Full REST API Server

Supercharged Create React App (CRA) Typescript template that includes:

• Pre-configured mock full REST API server based on JSON Server (global installation needed).
• Pre-configured Redux RTK Store, API Slices with Injections, Hooks and exported Types.
• Pre-configured type-safe CSS variables theme.

Popular Packages:

• Lodash
• Axios
• React-Redux RTK
• Date-fns
• Eslint
• Classnames
• Stylelint
• Material UI
• Emotion
• Sanitize CSS
• Prettier
• UUID
• React Router Dom
• Source Map Explorer
• Testing Libraries
• Web Vitals

Opinionated Typescript/Javascript Linter based on:

• Airbnb Style Guide (JS & TS)
• Import
• Jest w/ Formatting and Dom
• JSX-a11y
• Lodash
• You-Dont-Need-Lodash (prefers native JS when possible)
• React Redux
• Promises
• Emotion
• ESLint Comments
• React w/ Hooks
• Security
• Testing Library
• Typescript Recommended + Type Checking
• Unicorn

Opinionated CSS Linter (CSS-in-JS compatible) based on:

• Recommended base config Stylelint
• Standard config (Airbnb, Google, Idiomatic, @mdo), extended from Recommended
• Primer config GitHub CSS Style Guide, extended from Standard
• Block Ignored Properties add-on

Simple Common Scripts:

• analyze: "source-map-explorer 'build/static/js/*.js'",
• coverage: "npm test -- --coverage",
• lint: "npx eslint 'src/*/.{js,ts,jsx,tsx}'",
• lint:fix: "npm run lint -- --fix",
• stylelint: "npx stylelint 'src/*/.{css,jsx,tsx}'",
• stylelint:fix: "npm run stylelint -- --fix",
• server:js: "json-server --watch server/db.js --port 3050 --delay 1000",
• server:json: "json-server --watch server/db.json --port 3050 --delay 1000"

IDE's Types for:

• Jest
• Lodash
• Node
• React w/ Dom
• Rect Redux
• React Router Dom
• UUID

Usage

npx create-react-app my-app --template supercharged

Or;

yarn create react-app my-app --template supercharged

Cloning this repo pulls down the template only; not a bundled and configured Create React App.

For more information, please refer to:

• Getting Started – How to create a new app.
• User Guide – How to develop apps bootstrapped with Create React App.