This simple extension provides refactor code actions for React developers.
Recompose your overgrown JSX without worrying about the given data. This extension will do the dirty work for you without breaking your code.
- Extract JSX element to file or function
- Works with classes, functions and arrow functions
- Handles references for class members and props argument
- Handles key attribute
- Handles function bindings
- Supports React 16 hooks
- Supports TypeScript and TSX
If something doesn't work don't panic. As this is an early version of the code it is also possible that you found a bug. Please don't hesitate to open a github issue (with specific code example) if you face any anomalies.