React Native Snippets NewGen2

A collection of React Native code snippets for faster development with Expo Router, Redux Toolkit, and React Native Paper.

Features

This extension provides useful code snippets for:

• Core: Types, useFetch hook, Redux store
• Components: ProductCard, CartCard
• App Pages: Home, Cart, Sync, Product Details, Auth
• Layouts: App layout with Redux Provider and SafeAreaView
• Setup Instructions: Quick project setup guide

Usage

Type the snippet prefix and press Tab or Enter to insert the code.

Available Snippets

• new_core_types - Product type definition
• new_core_useFetch - Custom fetch hook with GET, POST, PUT, DELETE
• new_core_store - Redux store with cart slice
• new_components_productCard - Product card component with Toast
• new_components_cartCard - Cart card component
• new_app_(home)_index - Home page with product list and search
• new_app_(home)_layout - Home layout with tabs navigation
• new_app_(home)_cart - Cart page
• new_app_(home)_sync - Sync page for cart data
• new_app_(home)_productDetail - Product detail page
• new_app_index - Root index with redirect to auth
• new_app_layout - Root layout with Redux and SafeArea
• new_app_auth_index - Authentication page
• new_howToUse - Project setup instructions

Requirements

• Visual Studio Code 1.0.0 or higher

Release Notes

0.0.1

Initial release with React Native snippets for Expo Router projects.

Enjoy coding!