Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>React Native Simple SnippetsNew to Visual Studio Code? Get it now.
React Native Simple Snippets

React Native Simple Snippets

Tiaan du Plessis

|
5,224 installs
| (0) | Free
A collection of React Native related snippets
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

react-native-simple-snippets

A collection of React Native related snippets

Usage

Snippet Description
tss Set the state of this component
cl Log output to console
imr Import React module
ed Export default from module
cdm componentDidMount lifecycle method
cwm componentWillMount lifecycle method
cwrp ComponentWillReceiveProps lifecycle method
cwum componentWillUnmount lifecycle method
scu shouldComponentUpdate lifecycle method
cwu ComponentWillUpdate lifecycle method
cdu ComponentDidUpdate lifecycle method
cc Create React container(class) component
sfc Create React stateless functional component
tfu Force render to be called on component
defaultProps Set the default props for a component
propTypes Set the propTypes for component
ssc Create a Stylesheet
flex Flex style property
jc Justify content style property
ai Align items style property
rnImage Create React Native Image Component
rnScrollView Create React Native ScrollView Component
rnText Create React Native Text Component
rnTouchableH Create React Native TouchableHighlight Component
rnView Create React Native View Component

Contributing

Contributions are welcome!

  1. Fork it.
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

Or open up a issue.

License

Licensed under the MIT License.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft