https://github.com/rocketseat/rocketseat-vscode-react-native-snippets

Rocketseat React Native snippets for Visual Studio Code Editor
https://github.com/rocketseat/rocketseat-vscode-react-native-snippets

react-native snippets vscode

Last synced: 19 days ago
JSON representation

Rocketseat React Native snippets for Visual Studio Code Editor

• Host: GitHub
• URL: https://github.com/rocketseat/rocketseat-vscode-react-native-snippets
• Owner: Rocketseat
• License: mit
• Created: 2018-02-14T14:00:23.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-07-12T05:27:12.000Z (over 1 year ago)
• Last Synced: 2025-01-23T11:13:03.242Z (19 days ago)
• Topics: react-native, snippets, vscode
• Homepage: https://marketplace.visualstudio.com/items?itemName=rocketseat.RocketseatReactNative
• Size: 972 KB
• Stars: 184
• Watchers: 21
• Forks: 56
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


[![Visual Studio Marketplace Version](https://img.shields.io/visual-studio-marketplace/v/rocketseat.RocketseatReactNative.svg?label=Visual%20Studio%20Marketplace)](https://marketplace.visualstudio.com/items?itemName=rocketseat.RocketseatReactNative)

[![Visual Studio Marketplace Installs](https://img.shields.io/visual-studio-marketplace/i/rocketseat.RocketseatReactNative.svg)](https://marketplace.visualstudio.com/items?itemName=rocketseat.RocketseatReactNative)

[![Visual Studio Marketplace Rating](https://img.shields.io/visual-studio-marketplace/r/rocketseat.RocketseatReactNative.svg)](https://marketplace.visualstudio.com/items?itemName=rocketseat.RocketseatReactNative)

![GitHub](https://img.shields.io/github/license/rocketseat/rocketseat-vscode-react-native-snippets.svg)






  

    

  

  
React Native Snippets


## Tabela de Conteúdo

- [Tabela de Conteúdo](#tabela-de-conte%C3%BAdo)

- [Sobre o Projeto](#sobre-o-projeto)

- [Começando](#come%C3%A7ando)

  - [Instalação](#instala%C3%A7%C3%A3o)

  - [Linguagens Suportadas](#linguagens-suportadas)

  - [Como Usar?](#como-usar)

  - [Snippets](#snippets)

- [Contribuição](#contribui%C3%A7%C3%A3o)

- [Licença](#licen%C3%A7a)

- [Contato](#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 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.

![Create React Native Component](https://raw.githubusercontent.com/Rocketseat/rocketseat-vscode-react-native-snippets/master/images/component.gif)

### 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                                                                      |

| ----------------------: | ----------------------------------------------------------------------------- |

|                `rnfc →` | Cria um Componente **Functional**                                             |

|           `styled-rn →` | 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](https://github.com/rocketseat) - **[email protected]**