React Native Shortcut

About

This extension provides a set of snippets to help you create React Native components faster.

Supported languages

JavaScript
TypeScript

Getting started

Open any .js or .ts file in VS Code, type a snippet prefix and press Tab.

Example: type rn and press Tab to create a basic React Native component.

Snippets

List of available snippets. ⇥ means the TAB key.

Snippet	Content
`rn →`	Create a React Native Component
`rn-s →`	Create a React Native Component with inline StyleSheet
`rn-si →`	Create a React Native Component importing `./styles`
`rn-sc →`	Create a React Native Component with Styled Components
`rn-style →`	Create a StyleSheet file (`styles.ts`)
`rn-styled →`	Create a Styled Components file (`styles.ts`)

Shortcuts

Snippet	Content
`ust →`	Create a new useState
`uef →`	Create a new useEffect
`od →`	Create a new Object Destructuring
`fn →`	Create a new Function
`fn-async →`	Create a new Async Function
`cl →`	Create a new Console Log

Contribution

Any contribution you make will be much appreciated.

Find me elsewhere

This project is derived from rocketseat-vscode-react-native-snippets, originally created by Claudio Junior and published by Rocketseat under the MIT license.

Modified by Fabiano C. Souza in 2025 and redistributed under the terms of the MIT license.

See the LICENSE file for more details.

fabianocs