shilman

Storybook Docs w/ CRA & TypeScript

This is a quick-and-dirty walkthrough to set up a fresh project with Storybook Docs, Create React App, and TypeScript. If you're looking for a tutorial, please see Design Systems for Developers, which goes into much more depth but does not use Typescript.

The purpose of this walkthrough is a streamlined Typescript / Docs setup that works out of the box, since there are countless permutations and variables which can influence docs features, such as source code display, docgen, and props tables.

Step 1: Initialize CRA w/ TS

npx create-react-app cra-ts --template typescript

hound672

import unittest
from typing import Any, Type
from dataclasses import dataclass, is_dataclass

from pydantic import BaseModel, ValidationError
from pydantic.main import MetaModel


AnyType = Type[Any]

nathanpeck

import ec2 = require('@aws-cdk/aws-ec2');
import ecs = require('@aws-cdk/aws-ecs');
import elbv2 = require('@aws-cdk/aws-elasticloadbalancingv2');
import cdk = require('@aws-cdk/core');

class PublicFargateService extends cdk.Stack {
  constructor(scope: cdk.App, id: string) {
    super(scope, id);

    // Create VPC and Fargate Cluster

aleksik

const fetch = require('node-fetch')

const getUsers = () => fetch('https://reqres.in/api/users')
    .then(res => res.json())

module.exports = getUsers

stevekinney

// This will only work in environments that support ES6 Proxies.
// As of right now, that's pretty much only Firefox.

function Refrigerator(foods) {

  this.foods = foods;

  return new Proxy(this, {
    get: function (receiver, name) {
      if (name in receiver) {