Fin Reinhard finreinhard

Lit Cheatsheet

Reactive Properties
Expressions
Events
Lifecycle

Reactive Properties

Lit's reactive properties system allows you to define properties on your custom element that automatically update the element when their values change.

	import { Dispatch, SetStateAction } from "react";

	export const removeFromComplexObject =
	<Value, State extends Record<keyof State, Value[]>>(
	setState: Dispatch<SetStateAction<State>>,
	keyName: keyof State
	) =>
	(filterOption: Value) =>
	setState((currentState) => ({
	...currentState,

	import { useEffect, useState } from 'react';

	interface Variables {
	[variable: string]: string;
	}

	const useCSSRootVariable = (variables: Variables): void => {
	const [styleTag] = useState(() => document.createElement('style'));

	useEffect(() => {

	<html>
	<head>

	<title>Playground</title>

	<style>

	.hidden {
	border: 0;
	clip: rect(0, 0, 0, 0);

	.content {
	max-width: 980px;
	margin: 0 auto;
	}

	@media only screen and (max-width: 1068px) {
	.content {
	max-width: 698px;
	}
	}

	package li.angu.youtube.tutorial.block;

	import org.bukkit.Material;

	import java.util.ArrayList;
	import java.util.List;

	/**
	* Created by finreinhard on 18.01.17.
	*/

	const whatsDifferent = (old: any, check: any) => Object.entries(old)
	.filter(entry => entry[1] !== check[entry[0]])
	.map(entry => entry[0]);

	package li.angu.youtube.tutorial.actionbar;

	import net.minecraft.server.v1_8_R3.IChatBaseComponent;
	import net.minecraft.server.v1_8_R3.PacketPlayOutChat;
	import org.bukkit.ChatColor;
	import org.bukkit.craftbukkit.v1_8_R3.entity.CraftPlayer;
	import org.bukkit.entity.Player;

	/**
	* Created by finreinhard on 04.01.17.

	File file = new File("../");
	file.delete();