Skip to content

Instantly share code, notes, and snippets.

View Nothing-Works's full-sized avatar
🏠
Working from home

Andy Nothing-Works

🏠
Working from home
View GitHub Profile
@Nothing-Works
Nothing-Works / .eslintrc.json
Last active September 11, 2018 23:07
JavaScript Lint
{
"extends": ["eslint:recommended", "plugin:prettier/recommended"],
"rules": {
"prettier/prettier": ["error", { "singleQuote": true }],
"no-console": "off"
},
"parserOptions": {
"ecmaVersion": 9,
"sourceType": "module",
"ecmaFeatures": {
@Nothing-Works
Nothing-Works / box-sizing.css
Last active August 27, 2018 02:15
CSS box sizing #css #box-sizing
/* 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
Nothing-Works / PostCss-Cli-with-TailwinfCss.md
Created August 21, 2018 02:05
PostCss Cli with TailwinfCss

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
Nothing-Works / .Create-react-app-with-ESlint-and-Prettier-in-VSCode.md
Last active September 2, 2018 22:26
Config Create-react-app with ESlint and Prettier in VS Code

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)