Tim Seriakov timseriakov

Vanilla JavaScript Quick Reference / Cheatsheet

Just migrated it from Codepen.io to markdown. Credit goes to David Conner.

Working with DOM	Working with JS	Working With Functions
Accessing Dom Elements	Add/Remove Array Item	Add Default Arguments to Function
Grab Children/Parent Node(s)	Add/Remove Object Properties	Throttle/Debounce Functions
Create DOM Elements	Conditionals

Brew Bundle Brewfile Tips

Copyright & License

Unless otherwise noted (either in this file or in a file's copyright section) the contents of this gist are Copyright ©️2020 by Christopher Allen, and are shared under spdx:Creative Commons Attribution Share Alike 4.0 International (CC-BY-SA-4.) open-source license.

Sponsor

If you more tips and advice like these, you can become a monthly patron on my GitHub Sponsor Page for as little as $5 a month; and your contributions will be multipled, as GitHub is matching the first $5,000! This gist is all about Homebrew, so if you like it you can support it by donating to them or becoming one of their Github Sponsors.

	#!/usr/bin/env fish

	# Original author https://gist.github.com/markcallen
	# Port to fish shell from https://gist.github.com/markcallen/b24b4862d244c6f826259b7100f01ce2

	# Usage: brew-health [options]
	# Options:
	# --help Show help message
	# --force Run maintenance regardless of last run time
	# --cleanup Remove any stale lock file before running

	export const initialState: TodoListStateType = {
	todoListData: [
	{id: v1(), title: "Grab the gun", status: "active"},
	{id: v1(), title: "Check the clip, are there any bullets", status: "active"},
	{id: v1(), title: "Take a look into chamber", status: "active"},
	{id: v1(), title: "Cock the shutter", status: "active"},
	{id: v1(), title: "Remove the safety catch", status: "active"},
	{id: v1(), title: "Take aim", status: "active"},
	{id: v1(), title: "Decide if you're going to shoot", status: "active"}
	]

	import React, {ChangeEvent, useState} from 'react';
	import {TextField} from '@material-ui/core';

	type EditableSpanPropsType = {
	value: string
	onChange: (newValue: string) => void
	}

	export const EditableSpan = React.memo(function (props: EditableSpanPropsType) {
	console.log("EditableSpan called");

	const selector = useCallback((state) => state.todolist, [])
	const {todoListData} = useSelector(selector)