Skip to content

Instantly share code, notes, and snippets.

@riccardo-forina
riccardo-forina / typescriptreact.json
Last active September 10, 2021 13:34
VSCode snippet to create a Storybook story
{
"Create a Storybook story": {
"prefix": "story",
"body": [
"import { ComponentStory, ComponentMeta } from '@storybook/react';",
"import React from 'react';",
"",
"import { ${1:${TM_FILENAME/(.*).stories.[t|j]sx/${1}/}} } from './${2:${TM_FILENAME/(.*).stories.[t|j]sx/${1}/}}';",
"",
"export default {",
// Available variables:
// - Machine
// - interpret
// - assign
// - send
// - sendParent
// - spawn
// - raise
// - actions
@riccardo-forina
riccardo-forina / machine.js
Last active March 26, 2021 17:35
Generated by XState Viz: https://xstate.js.org/viz
const fetchKafkaInstances = (_authToken) => new Promise((resolve) => setTimeout(() => resolve([{ id: 1, name: 'test' }]), 2000));
const kafkaInstancesMachine = Machine({
id: 'kafka-instances',
initial: 'loading',
states: {
loading: {
invoke: {
id: 'fetchKafkaInstances',
src: (context) => fetchKafkaInstances(context.authToken),
onDone: {