reactjs / reactjs/react-docgen

Handle Complex Unions and Intersections

Open
#453 0 comments 8 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
3.8k
Forks
316
Avg merge
5h 7m
Merged PRs (30d)
4

Description

Currently react-docgen doesn't handle some more complex cases for typescript Props

Screen Shot 2020-04-25 at 4 38 12 PM

I help maintain react-docgen-typescript where I recently implemented this

Here is our bustling collection of valid typescript react component tests

Here is the code that made it possible

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the linked react-docgen-typescript parser.ts implementation and its src/tests/data collection of valid TypeScript React component cases. Compare those cases with react-docgen's parser and tests to identify the missing complex union and intersection handling. Done means these prop types are extracted correctly without regressing existing cases.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
documentation
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.