Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Rocketseat ReactJSNew to Visual Studio Code? Get it now.
Rocketseat ReactJS

Rocketseat ReactJS

Rocketseat

|
297,294 installs
| (52) | Free
ReactJS 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

ReactJS Snippets

Tabela de Conteúdo

  • Tabela de Conteúdo
  • Sobre o Projeto
  • Começando
    • Instalação
    • Linguagens Suportadas
    • 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 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)

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
rft → Cria um Componente Functional em typescript
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
ctl → Adiciona um console.tron.log, para utilizadores do Reactotron
ctw → Adiciona um console.tron.warn, para utilizadores do Reactotron
cte → Adiciona um console.tron.error, para utilizadores do Reactotron

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