Kyle Mitofsky KyleMit

## barrel-up.js
// index.ts
export { Dog } from 'dog/dog.component.ts';
export { Cat } from 'cat/cat.component.ts';

// module.ts
import { Cat, Dog } from 'index.ts';

## logical-or-assignment-operator.js
let person = { name: "Frida" }

// original
person.city = person.city || "unknown"

// with logical or assignment operator
person.city ||= "unknown"

## customize-vs-code.json
{
  "customizeUI.stylesheet": {
    ".editor-actions .codicon-compare-changes": "display: none !important;",
    ".editor-actions .codicon-open-preview": "display: none !important;",
    ".editor-actions .codicon-split-horizontal": "display: none !important;",
    ".editor-actions .codicon-toolbar-more": "display: none !important;"
  },
}

## toLocaleDateString.js
let dt = new Date(1906, 11, 9)
let lang = navigator.language // i.e. 'en-us'

// "Sunday, December 9, 1906"
dt.toLocaleDateString(lang, {
   weekday: 'long',
   year: 'numeric',
   month: 'long',
   day: 'numeric'
})

## chrome-grid.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Grid Tools</title>

    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap" rel="stylesheet">

## no-script.html
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
    <script>
        document.documentElement.classList.remove("no-js");
        document.documentElement.classList.add("yes-js");
    </script>
    <style>
        .yes-js .yes-js-hidden { display: none; }
        .no-js  .no-js-hidden  { display: none; }

## object-initializer-shorthand.js
let cat = {name: "Frida", age: 10 }
let dog = {name: "Ranger", age: 7 }

// before
console.log("cat", cat)
console.log("dog", dog)

// after
console.log({cat, dog})
// {

## delete.js
let person = {
    FirstName: "Ada",
    LastName: "Lovelace",
    Password: "********"
}

console.log(person)
// { FirstName: "Ada", LastName: "Lovelace", Password: "********"}

delete person.Password

## listener-jQuery.js
$("body").on("click", ".rectangle", function(e) {
  console.log("jquery", this)
  // do stuff
});

## string-array.js
let msg = "🎃 BOO"

console.log(msg[0])        // "�"
console.log(msg.charAt(0)) // "�"
console.log([...msg][0])   // "🎃"
	// index.ts
	export { Dog } from 'dog/dog.component.ts';
	export { Cat } from 'cat/cat.component.ts';

	// module.ts
	import { Cat, Dog } from 'index.ts';
	let person = { name: "Frida" }

	// original
	person.city = person.city \|\| "unknown"

	// with logical or assignment operator
	person.city \|\|= "unknown"
	{
	"customizeUI.stylesheet": {
	".editor-actions .codicon-compare-changes": "display: none !important;",
	".editor-actions .codicon-open-preview": "display: none !important;",
	".editor-actions .codicon-split-horizontal": "display: none !important;",
	".editor-actions .codicon-toolbar-more": "display: none !important;"
	},
	}
	let dt = new Date(1906, 11, 9)
	let lang = navigator.language // i.e. 'en-us'

	// "Sunday, December 9, 1906"
	dt.toLocaleDateString(lang, {
	weekday: 'long',
	year: 'numeric',
	month: 'long',
	day: 'numeric'
	})
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Grid Tools</title>

	<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap" rel="stylesheet">
	<!DOCTYPE html>
	<html lang="en" class="no-js">
	<head>
	<script>
	document.documentElement.classList.remove("no-js");
	document.documentElement.classList.add("yes-js");
	</script>
	<style>
	.yes-js .yes-js-hidden { display: none; }
	.no-js .no-js-hidden { display: none; }
	let cat = {name: "Frida", age: 10 }
	let dog = {name: "Ranger", age: 7 }

	// before
	console.log("cat", cat)
	console.log("dog", dog)

	// after
	console.log({cat, dog})
	// {
	$("body").on("click", ".rectangle", function(e) {
	console.log("jquery", this)
	// do stuff
	});
	let msg = "🎃 BOO"

	console.log(msg[0]) // "�"
	console.log(msg.charAt(0)) // "�"
	console.log([...msg][0]) // "🎃"