Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/orodrigogo/rcomponent

🔥 Be productive by building React Native components quickly.
https://github.com/orodrigogo/rcomponent

extension react react-native vscode vscode-extension

Last synced: 3 months ago
JSON representation

🔥 Be productive by building React Native components quickly.

Awesome Lists containing this project

README

        


R Component

[![Visual Studio Marketplace Version](https://img.shields.io/visual-studio-marketplace/v/rodrigorgtic.rcomponent.svg?label=Visual%20Studio%20Marketplace&color=8257E6&labelColor=0A1033)](https://marketplace.visualstudio.com/items?itemName=rodrigorgtic.rcomponent)
[![Visual Studio Marketplace Installs](https://img.shields.io/visual-studio-marketplace/i/rodrigorgtic.rcomponent.svg?color=8257E6&labelColor=0A1033)](https://marketplace.visualstudio.com/items?itemName=rodrigorgtic.rcomponent)
[![Visual Studio Marketplace Rating](https://img.shields.io/visual-studio-marketplace/r/rodrigorgtic.rcomponent.svg?color=8257E6&labelColor=0A1033)](https://marketplace.visualstudio.com/items?itemName=rodrigorgtic.rcomponent)
[![License](https://img.shields.io/static/v1?label=license&message=MIT&color=8257E6&labelColor=0A1033)](https://marketplace.visualstudio.com/items?itemName=rodrigorgtic.rcomponent)


demo

## About
This extension makes available a set of Snippets to create components for React Native applications.

## Getting started

Open any file with Visual Studio Code, and type `rnbc` and press `Tab` keyboard to create a new React Native Basic Component.
You can too create a new with Stylesheet to custom our React Native Interfaces typing inside your file `rnso` and press `Tab` keyboard to create.

### Snippets

List of available Snippets. Or **⇥** means the `TAB` key.

| Snippet | Content |
| -------------------------: | ----------------------------------------------------------------------------- |
| `rnbc →` | Create a new **React Native Basic Component** |
| `rnso →` | Create a new **React Native Stylesheet Component** |
| `rnsc →` | Create a new **React Native Component with Styled Component** |
| `rnscs →` | Create a new **Styled Component File** |
| `rnsctc →` | Get the path to **color theme props** |
| `rnsctf →` | Get the path to **fonts theme props** |
| `nbc →` | Create **Native Base** Component |

## Contribution
Any contribution you make will be **much appreciated**.

#### Find me elsewhere

[![Linkedin Badge](https://img.shields.io/badge/-Linkedin-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/rodrigo-goncalves-santana/)](https://www.linkedin.com/in/rodrigo-goncalves-santana/)
[![Gmail Badge](https://img.shields.io/badge/[email protected]?style=flat-square&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])
[![Github Badge](https://img.shields.io/badge/-github.com/rodrigorgtic-black?style=flat-square&logo=Github&logoColor=white)](https://github.com/rodrigorgtic)