rocketseat / rocketseat-vscode-reactjs-snippets

Rocketseat ReactJS snippets for Visual Studio Code Editor

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
rfc →	Cria um Componente Functional
styled-react →	Cria um arquivo de Estilização com Styled Components

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 - [email protected]

rocketseat-vscode-reactjs-snippets's Issues

TypeScript shortcut

Some people should program in TS (Typescript) using the snippets of reactjs, I think it would be a good idea to add a snippets for TS (Typescript) for example rfcts the ts would be the meaning for TS (Typescript)

Readme not match with code

Hey guys, I'm trying to use other snippets like rc and, for some reason, you deleted all the other snippets, just left styled-react and rfc.

And you didn’t fix the Readme, making anyone who thinks even have other snippets

Snippets working?

Hi guys!
Can you please confirm which snippets are working?
For some reason my VS Code only recognize rfc

Remove React import

React 17 removes the necessity to import React in every jsx file

- import React from 'react';