@uber-web-ui/extract-react-types

extract-react-types

Extract Flow & TypeScript types from React Components

Features

• Supports flow and typescript
• Extracts the description of the props too ( Great for documentation )

Usage

$ yarn add extract-react-types

// Component.js

class Component extends React.Component<{ foo: boolean }> {}

Output:

{
  "kind": "program",
  "classes": [
    {
      "kind": "object",
      "members": [
      {
        "kind": "property",
        "key": {
        "kind": "id",
        "name": "foo"
        },
        "value": {
        "kind": "boolean"
        },
        "optional": false
      }
      ],
      "name": {
      "kind": "id",
      "name": "Component",
      "type": null
      }
    }
  ]
}

Related projects:

• pretty-proptypes
• babel-plugin-extract-react-types
• extract-react-types-loader