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.
Começando
Instalação
Para instalar uma extensão você pode executar o comando Ctrl + Shift + X ou Cmd + Shift + X, feito isso pesquise por uSnippets e você vai encontrar a extensão.
Linguagens Suportadas
JavaScript (.js)
TypeScript (.ts)
JavaScript React (.jsx)
TypeScript React (.tsx)
Se você estiver usando typescript os snippets terão suporte para tipagem.
Snippets
Abaixo segue a lista com todos os Snippets disponíveis e os gatilhos para cada um. O ⇥ significa a tecla TAB.
React:
Gatilho
Conteúdo
rfc →
Cria um Componente Functional
rfcp →
Cria um Componente Functional com Props
rfac →
Cria um Componente Functional de Flecha
rfacp →
Cria um Componente Functional de Flecha com Props
rsc →
Cria um arquivo de Estilização com Styled Components
rstate →
Cria um novo useState.
React Native:
Gatilho
Conteúdo
rnfc →
Cria um Componente Functional
rnfcp →
Cria um Componente Functional com Props
rnfac →
Cria um Componente Functional de Flecha
rnfacp →
Cria um Componente Functional de Flecha com Props
rns →
Cria um arquivo de Estilização com o StyleSheet do react-native.
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.
