Skip to content
Rocketseat ReactJS snippets for Visual Studio Code Editor
Branch: master
Clone or download
Latest commit ba7fe57 Jul 26, 2019

README.md

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


Logo

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

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

Linguagens Suportadas

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

Como Usar?

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

Create ReactJS 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
rc → Cria um Componente Stateful
rrc → Cria um Componente Stateful conectado ao Redux
rsc → Cria um Componente Stateless
rrsc → Cria um Componente Stateless conectado ao Redux
rfc → Cria um Componente Functional
styled-react → 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-react → 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-react → Cria arquivo de configuração do Reactotron
reactotron-redux-react → 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

You can’t perform that action at this time.