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

Rocketseat React Native

Rocketseat

|
282,382 installs
| (42) | Free
React Native snippets created by Rocketseat.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Visual Studio Marketplace Version Visual Studio Marketplace Installs Visual Studio Marketplace Rating GitHub


Logo

React Native Snippets

Tabela de Conteúdo

  • Tabela de Conteúdo
  • Sobre o Projeto
  • Começando
    • Instalação
    • Linguagens Suportadas
    • Como Usar?
    • Snippets
  • Contribuição
  • Licença
  • Contato

Sobre o Projeto

Este projeto visa a disponibilização de um conjunto de Snippets ou atalhos para criação de componentes e arquivos de configuração em aplicações React Native.

Começando

Instalação

Para instalar uma extensão você pode executar o Command Pallete através do comando Ctrl + Shift + P ou Cmd + Shift + P , digitar Install Extensions e por fim dar um Enter, feito isso pesquise por Rocketseat e você vai encontrar a extensão Rocketseat React Native.

Linguagens Suportadas

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

Como Usar?

Quando você instalar a Extensão o desenvolvimento em React Native será bem mais divertido.

Create React Native Component

Snippets

Abaixo segue a lista com todos os Snippets disponíveis e os gatilhos para cada um. O ⇥ significa a tecla TAB.

Gatilho Conteúdo
rnc → Cria um Componente Stateful
rnrc → Cria um Componente Stateful conectado ao Redux
rnsc → Cria um Componente Stateless
rnrsc → Cria um Componente Stateless conectado ao Redux
rnfc → Cria um Componente Functional
styled-rn → Cria um arquivo de Estilização com Styled Components
api → Cria um arquivo de configuração do Axios
mapstatetoprops → Cria o método mapStateToProps vazio
mapdispatchtoprops → Cria o método mapDispatchToProps vazio
create-store-rn → Cria o arquivo de configuração do Redux, combinando os Ducks com os Sagas
root-reducer → Cria o arquivo que combina os Reducers
root-saga → Cria o arquivo que centraliza os Sagas
duck → Cria um Duck
rsduck → Cria um Duck com Reduxsauce
reactotron-rn → Cria arquivo de configuração do Reactotron
reactotron-redux-rn → Cria arquivo de configuração do Reactotron com Redux + Redux Saga

Contribuição

Contribuições são o que fazem a comunidade open source um lugar incrível para aprender, inspirar e criar. Qualquer contribuição que você fizer será muito apreciada.

  1. Faça um Fork do projeto
  2. Crie uma Branch para sua Feature (git checkout -b feature/FeatureIncrivel)
  3. Adicione suas mudanças (git add .)
  4. Comite suas mudanças (git commit -m 'Adicionando uma Feature incrível!)
  5. Faça o Push da Branch (git push origin feature/FeatureIncrivel)
  6. Abra uma Pull Request

Licença

Distribuído sob a licença MIT. Veja LICENSE para mais informações.

Contato

Rocketseat - Github - oi@rocketseat.com.br

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