react-third-hand

CLI helper for setting up your React application environment

🛠️Supported technologies:

• ESLint
• StyleLint v15+
• Prettier
• Husky + Lint-Staged
• VSCode settings

📦For the apps based on:

• Create-React-App
• Next
• Vite

Install and start

with NPX:

$ npx react-third-hand@latest

with NPM:

$ npm i -g react-third-hand

Start command in your React App

$ react-third-hand

Options

0. App type: Create React App / Next / Vite
1. Package Manager: yarn / npm
2. Language: TypeScript / JavaScript
3. Helpers: ESLint, Stylelint, Prettier, Husky + lint-staged, VSCode
4. Styling: CSS / SCSS / Styled Components

About ESLint support

Imports order

eslint-plugin-import is used to group imports. More information for setting up groups can be found here.

About Stylelint support

Styles order

Styles order by stylelint-config-clean-order

Before	After

Recommended extension

Recommended extension for VSCode to auto fix possible errors.

Stylelint-plus extension ID: hex-ci.stylelint-plus