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.
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.
- Faça um Fork do projeto
- Crie uma Branch para sua Feature (
git checkout -b feature/FeatureIncrivel
) - Adicione suas mudanças (
git add .
) - Comite suas mudanças (
git commit -m 'Adicionando uma Feature incrível!
) - Faça o Push da Branch (
git push origin feature/FeatureIncrivel
) - 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