hihayk

:root {
  --lineHeightFixedAmount: 0.25rem;
  --lineHeightRelativeAmount: 1em;
  --sizesIncrement: 1.4;

  --fontSize-0: 1rem; 
  --fontSize-1: calc(var(--fontSize-0) * var(--sizesIncrement)); 
  --fontSize-2: calc(var(--fontSize-1) * var(--sizesIncrement));

  --globalLineHeight: calc(var(--lineHeightFixedAmount) + var(--lineHeightRelativeAmount));

mattpocock

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

iansu

Create New App

JavaScript Template

npx create-react-app@next --scripts-version=@next --template=cra-template@next my-js-app

TypeScript Template

npx create-react-app@next --scripts-version=@next --template=typescript@next my-ts-app

simsketch

mattpocock

import { useEffect, useReducer } from 'react';

type State<TState, TEffect> = TState & {
  effects?: TEffect[];
};

export type UseFsmReducerEffects<TAction, TEffect extends { type: string }> = {
  [K in TEffect['type']]: (params: {
    effect: Extract<TEffect, { type: K }>;
    dispatch: (action: TAction) => void;

brookslybrand

// styled component version
const Container = styled.div`
  /*all of the styles*/
`
function MyComponent() {
  return <Container>{/*other stuff*/}</Container>
}


// css prop version

steveruizok

import log from "ololog"

class Grid {
	rows = []
	width = 0
	height = 0

	chars = {
		active: ["┌", "─", "┒", "┃", "┛", "━", "┕", "│"],
		inactive: ["┌", "─", "┐", "│", "┘", "─", "└", "│"],

mtgto

/*
 * Change from https://gist.github.com/unki2aut/4ac81c33be2e8f121e80a26eba1735d7
 * - Use top level await (Node.js v14.8.0+)
 *   - To use top level await, you need to write a script as ES Modules
 * - Set chokidar options to avoid duplicate building
 * - Define NODE_ENV (For React)
 * - Add API proxy setting by using proxy-middleware
 */
import chokidar from "chokidar";
import esbuild from "esbuild";

pushkine

interface LifecycleFunction {
	(): void;
}
interface EventCallback<T = unknown> {
	(event: CustomEvent<T>): void;
}
export namespace Svelte {
	export interface Fragment {
		key?: string | null;
		first?: Comment | null;

thesephist

// codecols designed after Rasmus Andersson's linelen_hist.sh
// https://gist.github.com/rsms/36bda3b5c8ab83d951e45ed788a184f4

{
	println: println
	default: default
	map: map
	stdin: stdin
	range: range
	filter: filter