DEV Community

Cover image for Create a React Native sub-component from Component.
Numan
Numan

Posted on

2

Create a React Native sub-component from Component.

alt text

Create a React Native sub-component from Component.

React Native Component Splitter

it is a VS CODE extension which allows us to split React components into sub-components

Usage

1. Select the code you want to split to a new sub-component.

2. Choose Split Component from the Right-Click Menu / Command Palette.
or press alt+option+cmd+k

3. Enter a name for the new sub-component.

Shortcut keys

Plateform Key
MAC alt+option+cmd+k
MAC ctrl+shift+k

Installation

https://marketplace.visualstudio.com/items?itemName=nomi9995.react-native-component-splitter

Contributors ✨

Thanks goes to these wonderful people (emoji key):

If you really learned something new with this article, save it and share it with your colleagues.

You can reach me out on my website:
https://numan.dev

Sentry image

Make it make sense

Only the context you need to fix your broken code with Sentry.

Start debugging β†’

Top comments (0)

Image of PulumiUP 2025

Let's talk about the current state of cloud and IaC, platform engineering, and security.

Dive into the stories and experiences of innovators and experts, from Startup Founders to Industry Leaders at PulumiUP 2025.

Register Now

πŸ‘‹ Kindness is contagious

Engage with a wealth of insights in this thoughtful article, valued within the supportive DEV Community. Coders of every background are welcome to join in and add to our collective wisdom.

A sincere "thank you" often brightens someone’s day. Share your gratitude in the comments below!

On DEV, the act of sharing knowledge eases our journey and fortifies our community ties. Found value in this? A quick thank you to the author can make a significant impact.

Okay