Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>theShukran React/React Native utilsNew to Visual Studio Code? Get it now.
theShukran React/React Native utils

theShukran React/React Native utils

theShukran

|
28,478 installs
| (6) | Free
Extract and embed React/React Native components and styles.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

theShukran React/React Native Utils

Easily refactor React/React Native source code extracting components and styles from the VSCode menu.


Core functionalities:

  • Extraction:
    • extract component to new file
    • extract component to function
  • Embed:
    • Wrap element a component of choice (e.g. div, View)
  • Style:
    • Extract style from element to StyleSheet (only React Native)

Also creates a package.json for referencing components (e.g. import MyComponent from '@components/my-component')


Settings:

  • extractcomponent.path: components destination path (relative to project) (default: "src/components/")

video

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft