Skip to content

Instantly share code, notes, and snippets.

Avatar
🦊
🦊🦊🦊

Frazer AlexFrazer

🦊
🦊🦊🦊
View GitHub Profile
View machine.js
const fetchMachine = Machine({
id: 'Form Wizard',
initial: 'pending',
context: {
retries: 0
},
states: {
pending: {
initial: 'email',
states: {
View machine.js
// Available variables:
// - Machine
// - interpret
// - assign
// - send
// - sendParent
// - spawn
// - raise
// - actions
@AlexFrazer
AlexFrazer / machine.js
Created September 2, 2020 23:12
Generated by XState Viz: https://xstate.js.org/viz
View machine.js
const machine = Machine({
id: "fetch",
initial: "idle",
context: {
data: null,
error: null,
lastRequest: -Infinity
},
states: {
idle: {
@AlexFrazer
AlexFrazer / machine.js
Created September 2, 2020 22:50
Generated by XState Viz: https://xstate.js.org/viz
View machine.js
// Available variables:
// - Machine
// - interpret
// - assign
// - send
// - sendParent
// - spawn
// - raise
// - actions
@AlexFrazer
AlexFrazer / machine.js
Last active September 2, 2020 21:52
Generated by XState Viz: https://xstate.js.org/viz
View machine.js
// Available variables:
// - Machine
// - interpret
// - assign
// - send
// - sendParent
// - spawn
// - raise
// - actions
View vivid-tailwind-theme.js
module.exports = {
red: {
'100': '#FFBDBD',
'200': '#FF9B9B',
'300': '#F86A6A',
'400': '#EF4E4E',
'500': '#E12D39',
'600': '#CF1124',
'700': '#AB091E',
'800': '#8A041A',
@AlexFrazer
AlexFrazer / Box.tsx
Last active February 9, 2020 20:31
A basic button component
View Box.tsx
import styled from "@emotion/styled";
import { shouldForwardProp } from "@styled-system/should-forward-prop";
import {
background,
border,
color,
flexbox,
grid,
layout,
position,
View cli.ts
import axios, { AxiosInstance } from 'axios';
import moment from 'moment';
import * as readline from 'readline';
const FIELDS = ['applicant', 'location', 'DayOrder', 'start24', 'end24'];
const serializeFields = (fields: string[]) =>
fields.map(field => `\`${field}\``).join(',');
const range = (start: number, end: number) =>
View react-window.d.ts
/* eslint-disable */
declare module 'react-window' {
import { Requireable, Validator } from 'prop-types';
export type Direction = 'vertical' | 'horizontal';
export type Alignment = 'auto' | 'center' | 'end' | 'start';
export type RenderProps<TDataType extends any = any> = {
key?: string;
data?: TDataType;
View sizer.tsx
import * as React from 'react';
import { InfiniteLoader, AutoSizer, GridProps, Dimensions, IndexRange, Index } from 'react-virtualized';
import ProductLoader from './ProductLoader';
import ProductFilters from './ProductFilters';
export interface Props extends GridProps {
limit: number;
cardWidth: number;
cardHeight: number;
padding: number;