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: 19 days 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 (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-07-27T22:02:52.000Z (10 months ago)
• Last Synced: 2025-03-29T13:11:45.588Z (about 1 month ago)
• Topics: extension, react, react-native, vscode, vscode-extension
• Homepage: https://marketplace.visualstudio.com/items?itemName=rodrigorgtic.rcomponent
• Size: 777 KB
• Stars: 23
• Watchers: 2
• Forks: 5
• Open Issues: 1
• 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)