Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Snippets React NativeNew to Visual Studio Code? Get it now.
Snippets React Native

Snippets React Native

Macley Sousa

|
836 installs
| (1) | Free
Snippets React Native created by Macley Sousa.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

React Native Snippets

About the Project

This project provides a set of Snippets or shortcuts for creating components and configuration files in React Native applications.

Begin

Installation

To install an extension you can run Command Pallete using the command Ctrl + Shift + P or Cmd + Shift + P, type Install Extensions and finally give an Enter.

Supported Languages

  • JavaScript (.js)
  • TypeScript (.ts)
  • JavaScript React (.jsx)
  • TypeScript React (.tsx)

How to use?

When you install the Extension the development in React Native will be much more fun.

Create React Native Component

Snippets

Below is the list of all available Snippets and the triggers for each. The ⇥ means the TAB key.

Trigger Content
rnc → Creates a Component Stateful
rnsc → Creates a Component Stateless
rnfc → Creates a Component Functional
rnfcc → Creates a Component Functional
styled-rn → Creates a Stylization file with Styled Components
rn-stylesheet → Creates a Stylization file with StyleSheet Components

Contribution

Contributions are what make the open source community an incredible place to learn, inspire and create. Any contribution you make will be much appreciated.

  1. Fork the project
  2. Create a Branch for your Feature (git checkout -b feature / FeatureIncrivel)
  3. Add your changes (git add .)
  4. Commit your changes (git commit -m 'Adding an awesome Feature!)
  5. Push the Branch (git push origin feature / FeatureIncrivel)
  6. Open a Pull Request

Licença

Distributed under the MIT license. See LICENSE for more information.

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