Nothing-Works

{
  "extends": ["eslint:recommended", "plugin:prettier/recommended"],
  "rules": {
    "prettier/prettier": ["error", { "singleQuote": true }],
    "no-console": "off"
  },
  "parserOptions": {
    "ecmaVersion": 9,
    "sourceType": "module",
    "ecmaFeatures": {

Nothing-Works

/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

Nothing-Works

PostCss Cli with TailwinfCss in create react app

Install all packages

npm i tailwindcss postcss-cli postcss-import --D

Create a Tailwind config file

./node_modules/.bin/tailwind init tailwind.config.js

Create Tailwind css in root main.css

Nothing-Works

Create react app with ESlint and Prettier in VS Code

Install both ESlint and Prettier extensions in VS Code.

Install all required Prettier plugins

npm i prettier eslint-plugin-prettier eslint-config-prettier -D

Create .eslintrc (See below)