michchan’s gists

michchan / .stylelintrc-styled-components.jsonc

Last active October 27, 2020 10:18

.stylelintrc file for Styled-Components project

	/*
	DevDependencies:
	stylelint
	stylelint-processor-styled-components
	stylelint-config-styled-components
	stylelint-config-standard
	*/
	{
	"processors": ["stylelint-processor-styled-components"],
	"extends": [

michchan / .eslintignore

Last active October 27, 2020 10:41

.eslintignore file for common use case

michchan / .eslintignore-aws-cdk

Last active October 27, 2020 10:42

.eslintignore file for AWS-CDK stack

michchan / cdk.webpack.config.js

Last active November 3, 2020 14:24

webpack.config.js for CDK usage (small-scale projects)

	const fs = require('fs')
	const path = require('path')
	const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer')

	const DEFAULT_ANALYZER_PORT = 8888
	const createBundleAnalyzerPlugin = (reportTitle, portOffset = 0) => new BundleAnalyzerPlugin({
	// Avoid CI crash issue
	analyzerMode: 'static',
	openAnalyzer: false,
	reportTitle,

michchan / .zshrc

Last active July 5, 2022 11:58

.zshrc for Frontend/Fullstack Dev

	#### Git branch on terminal
	# Reference: https://stackoverflow.com/questions/17333531/how-can-i-display-the-current-branch-and-folder-path-in-terminal

	parse_git_branch() {
	git branch 2> /dev/null \| sed -n -e 's/^\* $.*$/[\1]/p'
	}
	COLOR_DEF=$'\e[0m'
	COLOR_USR=$'\e[38;5;243m'
	COLOR_DIR=$'\e[38;5;197m'
	COLOR_GIT=$'\e[38;5;39m'

michchan / useful-commands-fullstack-dev.sh

Last active March 10, 2022 05:38

Useful Shell command for Fullstack Dev

	# Open Chrome chrome with CORS disabled
	# (!!CAUTION: This will remove all history/plugins/preferences)
	open -n -a /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --args --user-data-dir="/tmp/chrome_dev_test" --disable-web-security

michchan / .gitconfig

Last active June 7, 2023 10:06

Git Config (Aliases)

	[alias]
	aliases = "!f() { git config --global -l \| grep alias \| sort; }; f"
	br = branch
	cl = clone
	st = status
	a = add
	cm = commit -m
	cmn = commit -m --no-verify
	cam = commit -am
	co = checkout

michchan / vscode-keybindings.json

Created March 29, 2022 15:44

My VSCode Custom Key bindings

	// Place your key bindings in this file to override the defaults
	[
	{
	"key": "shift+cmd+n",
	"command": "explorer.newFolder"
	},
	{
	"key": "cmd+n",
	"command": "explorer.newFile"
	}

michchan / .vscode_workspace_settings.json

Created April 1, 2022 05:17

VSCode Workspace Settings for TypeScript project

	{
	"eslint.workingDirectories": ["./src"],
	"typescript.tsdk": "src/node_modules/typescript/lib"
	}

michchan / RouteLeavingGuard-class-ca839f5faf39.jsx

Created July 15, 2022 03:02

RouteLeavingGuard full implementation for Medium article ca839f5faf39

	import React from 'react'
	import {Prompt} from 'react-router-dom'
	import {CustomModal} from './CustomModal'

	export class RouteLeavingGuard extends React.Component {
	state = {
	modalVisible: false,
	lastLocation: null,
	confirmedNavigation: false,
	}

Michael Chan L. S. michchan