cra-template-default-optimized-ts v1.0.0

CRA Template Default Optimized Typescript

Optimized Default CRA Typescript Template with Popular Basic Packages, Types, Opinionated Linters, and Incorporated Prettier

Default basic Create React App (CRA) Typescript template that includes:

Basic Popular Packages:

• Lodash
• Axios
• Date-fns
• Eslint
• React Router Dom
• Stylelint
• Prettier
• UUID
• 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)
• Promises
• ESLint Comments
• React w/ Hooks
• Security
• Testing Library
• Typescript Recommended + Type Checking
• Unicorn

Opinionated CSS Linter 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,less,scss,sass}'",
• stylelint:fix: "npm run stylelint -- --fix",

IDE's Types for:

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

Usage

npx create-react-app your-project-name --template default-optimized-ts

Or;

yarn create react-app your-project-name --template default-optimized-ts

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.