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.