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


Logo

React Native Snippets

Tabela de Conteúdo

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
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