Antonio Caputo tonycaputome

VSCode - ESLint, Prettier & Airbnb Setup

Optional - Set format on save and any global prettier options

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

Add the new key to your GitHub/BitBucket account

List of helpful shortcuts for faster coding

If you have any other helpful shortcuts, feel free to add in the comments of this gist :)

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

	import React, { forwardRef } from 'react'
	import styled from 'styled-components'
	import css, { get } from '@styled-system/css'
	import {
	system,
	compose,
	space,
	color,
	typography,
	layout,

	import axios from 'axios';

	class Service {
	constructor() {
	let service = axios.create({
	headers: {csrf: 'token'}
	});
	service.interceptors.response.use(this.handleSuccess, this.handleError);
	this.service = service;
	}

	ls -al ~/.ssh

	#
	# generate ssh key
	#
	ssh-keygen -t rsa -C "email@work_mail.com" -f "id_rsa_work_user1"

	#
	#Adding the new SSH key to the corresponding GitHub account
	#

	Credit to
	https://medium.com/javascript-in-plain-english/react-controlled-forms-with-hooks-538762aab935

	import React, { ChangeEvent, FormEvent, useReducer } from "react";

	const useForm = (initialState: any) => {
	const reducer = (
	state: typeof initialState,
	payload: { field: string; value: string }
	) => {

	// array utils
	// =================================================================================================

	const combine = (...arrays) => [].concat(...arrays);

	const compact = arr => arr.filter(Boolean);

	const contains = (() => Array.prototype.includes
	? (arr, value) => arr.includes(value)
	: (arr, value) => arr.some(el => el === value)