React Native Shortcut

About

This extension makes available a set of Snippets to create components for React Native applications.

Supported languages (file extensions)

JavaScript
TypeScript

Getting started

Open any file with Visual Studio Code, and type rn-c and press Tab keyboard to create a new React Native Basic Component. You can too create a new with Stylesheet to custom our React Native Interfaces typing inside your file rn-ss and press Tab keyboard to create.

Snippets

List of available Snippets. Or ⇥ means the TAB key.

Snippet	Content
`rn-c →`	Create a new React Native Component
`rn-ss →`	Create a new React Native Stylesheet Component
`rn-sc →`	Create a new React Native Component with Styled Component
`rn-scs →`	Create a new Styled Component File

Shortcuts

Snippet	Content
`st →`	Create a new useState
`ef →`	Create a new useEffect
`od →`	Create a new Object Destructing
`cl →`	Create a new Console Log
`fn →`	Create a new Basic Method
`fn-a →`	Create a new Basic Method Async

Contribution

Any contribution you make will be much appreciated.

Find me elsewhere

Este projeto é derivado de rocketseat-vscode-react-native-snippets, originalmente criado por Claudio Junior e publicado por Rocketseat sob a licença MIT.

Modificado por Fabiano C. Souza em 2025 e redistribuído conforme os termos da licença MIT.

Consulte o arquivo LICENSE para mais detalhes.

fabianocs