Automate refactoring TypeScript functions and React components with WebStorm

A quick look at extracting TypeScript functions from a bloated React component.

1. Extract function out of bloated component logic (highlight statement + key stroke)
2. Suggested refactor intentions (inline variables, convert .forEach to for..of, etc...)
3. Extract function to a new module auto-updating imports

Use WebStorm's built-in refactoring features to spend less time typing and cutting and pasting manually moving characters and more time thinking and freely shaping the code.