ReactNative Snippet Core

ReactNative Snippet Core is an essential Visual Studio Code snippet extension crafted for React Native (TypeScript & JavaScript) developers. It accelerates day-to-day workflow with clean, boilerplate-free component templates, responsive list layouts, and common UI interaction patterns.

⚡ Features

🚀 Fast Scaffolding: Quickly generate clean Screen layouts, Card components, and Navigation structures.
🎯 Modern State & Hooks: Pre-configured hooks for live search, category filtering, toggle interactions, and data fetching.
📱 Cross-Platform Compatibility: Clean implementations tested for Web, iOS, and Android.
🧼 Zero Noise: Clean syntax following official React Native best practices.

📖 Key Snippet Shortcuts

1. App & Component Scaffolding

Prefix	Description
`baseApp` / `khungApp`	Full Screen boilerplate with Safe Area and Header
`baseComp` / `khungComp`	Reusable Card component with typed Props
`importLibrary`	Essential React Native & Safe Area imports
`importNav`	React Navigation Native Stack boilerplate
`fullTemplate` / `fullApp`	Complete interactive list screen template

2. UI & List Layouts

Prefix	Description
`flatListGrid`	Dynamic FlatList supporting Row (1 column) & Grid (2 columns)
`cardDiscount` / `cardGiamGia`	Card with badges, price calculations, and rating
`crudModal` / `themSuaXoa`	Item management modal sheet

3. Interactions & State Patterns

Prefix	Description
`searchFilter` / `timKiem`	Real-time search filter input
`categoryFilter` / `locDanhMuc`	Horizontal category chips filter
`toggleFavorite` / `nutThemYeuThich`	Heart bookmark toggle state
`quantityCounter` / `tangGiamSoLuong`	Cart quantity increment/decrement counter
`discountPrice` / `giamGiaVND`	Strikethrough original price & final price formula
`jestTest` / `kiemThuJest`	Component unit test boilerplate

📦 Installation

Open VS Code and press Ctrl + Shift + X (or Cmd + Shift + X on macOS).
Search for ReactNative Snippet Core.
Click Install.

ReactNative Snippet Core

Cody Ounora

ReactNative Snippet Core

⚡ Features

📖 Key Snippet Shortcuts

1. App & Component Scaffolding

2. UI & List Layouts

3. Interactions & State Patterns

📦 Installation

📄 License