Skip to content

flow types resolver #31

@iamdustan

Description

@iamdustan
import React from 'react';
import type {UserProperties} from '../types/UserProperties';

type UserProps = {
  // the users full name
  name: string;
  // the users age
  age: number;
  // user properties like bio and location information
  properties: UserProperties;
};

/**
 * Render a User
 */
const User = (props:UserProps) => (
  <div>{props.name} {props.age} years old<UserProps {...props.properties} /></div>
);

would become something like:

{
  "description": "Render a User",
  "props": {
    "name": {
      "type": {
        "name": "string",
        "value": "string"
      },
      "required": true,
      "description": "the users full name",
      "defaultValue": {
        "value": ""
        "computed":false
      }
    },
    "age": {
      "type": {
        "name": "number",
        "value": "number"
      },
      "required": true,
      "description": "the users age",
      "defaultValue": {
        "value": ""
        "computed":false
      }
    },
    "properties": {
      "type": {
        "name": "UserProperties",
        "value": "UserProperties"
      },
      "required": true,
      "description": "user properties like bio and location information",
      "defaultValue": {
        "value": ""
        "computed":false
      }
    },
  }
}

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions