Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/orodrigogo/rcomponent
- Owner: orodrigogo
- Created: 2022-05-02T13:43:15.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-08-15T19:53:35.000Z (over 2 years ago)
- Last Synced: 2023-12-05T14:33:41.929Z (about 1 year ago)
- Topics: extension, react, react-native, vscode, vscode-extension
- Homepage: https://marketplace.visualstudio.com/items?itemName=rodrigorgtic.rcomponent
- Size: 777 KB
- Stars: 19
- Watchers: 3
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
[![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)
## 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)