React Native and Expo Code Snippets - Full Feature

If like me, you like to see what's possible with any component you're using to build your mobile app, then welcome to using this code snippet extension. You can easily set up and speed up your development process by typing shortform to generate code snippets for any native component you're trying to use. By typing "rn...." or "expo....", your intellisense should pick it up and you can find very descriptive names of available snippets to aid you.

• Just type an underscore (_) to trigger the intellisense
• Easily navigate through the different prop values to select from a drop down of possible values using tabs.
• Cut down on the time jumping from code to docs to see what props are available.
• Over 70 Useful Components/Function Snippets and counting
• Support for Javascript/TypeScript React (ts|tsx|js|jsx)

Usage

Requirements

For React Native and Expo App Development.

Author

• Stephen Omoregie
• Twitter: @Cre8steveDev

Available Commands

• rnfc : React Native Functional Component
• expostatusbar : Expo StatusBar
• rnstyle : React Native StyleSheet
• rnflatlistall : React Native FlatList (All Props)
• rnflatlistbasic : React Native FlatList (Basic Props)
• expoimageall : Expo Image (All Props)"
• expoimagebasic : Expo Image (Basic Props)
• rnscrollviewall : React Native ScrollView (All Props)
• rnscrollviewbasic : React Native ScrollView (Basic Props)
• rnkeyboardavoidingviewall : React Native KeyboardAvoidingView (All Props)
• rnkeyboardavoidingviewbasic : React Native KeyboardAvoidingView (Basic Props)
• expovideoall : Expo Video (All Props)
• expovideobasic : Expo Video (Basic Props)
• rnimagebackgroundall : React Native ImageBackground (All Props)
• rnimagebackgroundbasic : React Native ImageBackground (Basic Props)
• rncontext : React Native Context Creation
• rnusecontext : React Native Context Usage
• rnwrapcontext : React Native Wrap Component with Context Provider
• lineargradientall : Expo LinearGradient (All Props)
• lineargradientbasic : Expo LinearGradient (Basic Props)
• rnsafeareaviewall : React Native SafeAreaView (All Props)
• rnsafeareaviewbasic : React Native SafeAreaView (Basic Props)"
• rnviewall : React Native View (All Props)"
• rnviewbasic : React Native View (Basic Props)
• rntextall : React Native Text (All Props)
• rntextbasic : React Native Text (Basic Props)
• rntextinputall : React Native TextInput (All Props)
• rntextinputbasic : React Native TextInput (Basic Props)
• rntouchableopacityall : React Native TouchableOpacity (All Props)
• rntouchableopacitybasic : React Native TouchableOpacity (Basic Props)
• rntouchabblehighlightall : React Native TouchableHighlight (All Props)
• rntouchabblehighlightbasic : React Native TouchableHighlight (Basic Props)
• rnbuttonall : React Native Button (All Props)
• rnbuttonbasic : React Native Button (Basic Props)
• rnactivityindicatorall : React Native ActivityIndicator (All Props)
• rnactivityindicatorbasic : React Native ActivityIndicator (Basic Props)
• rnactivityindicatorbasic : React Native ActivityIndicator (Basic Props)
• rnmodalall : React Native Modal (All Props)
• rnmodalbasic : React Native Modal (Basic Props)
• rnswitchall : React Native Switch (All Props)
• rnswitchbasic : React Native Switch (Basic Props)
• expocameraall : Expo Camera (All Props)
• expocamerabasic : Expo Camera (Basic Props)
• expomapviewall : Expo MapView (All Props)act
• expomapviewbasic : Expo MapView (Basic Props)
• exponotificationssetupall : Expo Notifications Setup (All Options)
• exponotificationsscheduleall : Expo Notifications Schedule (All Props)
• exponotificationsschedulebasic : Expo Notifications Schedule (Basic Props)
• exponotificationspermissionsall : Expo Notifications Request Permissions (All Options)
• exponotificationspermissionsbasic : Expo Notifications Request Permissions (Basic)
• exponotificationsaddlistener : Expo Notifications Add Listener
• expolocationall : Expo Location (All Props)"
• expolocationbasic : Expo Location (Basic Props)"
• expolocationpermissionsall : Expo Location Permissions (All Options)"
• expolocationpermissionsbasic : Expo Location Permissions (Basic)
• expolocationwatchall : Expo Location Watch Position (All)
• expolocationwatchbasic : Expo Location Watch Position (Basic)
• expofsreadall : Expo FileSystem Read File (All)
• expofsreadbasic : Expo FileSystem Read File (Basic)
• expofswriteall : Expo FileSystem Write File (All)
• expofswritebasic : Expo FileSystem Write File (Basic)
• exposecurestoresetall : Expo SecureStore Set Item (All)
• exposecurestoresetbasic : Expo SecureStore Set Item (Basic)
• exposecurestoregetall : Expo SecureStore Get Item (All)
• exposecurestoregetbasic : Expo SecureStore Get Item (Basic)
• exporouterstackfulloptions : Expo Router Stack with Full Options

Contributions

Feel free to contribut to making this snippet extension better. It's open source!

Release Notes

1.0.0

Initial release of React Native and Expo Code Snippets

Package and Publish extension

git clone

npm install -g vsce vsce package