Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>React Native MVVM Feature GeneratorNew to Visual Studio Code? Get it now.
React Native MVVM Feature Generator

React Native MVVM Feature Generator

fouzianaaz

| (0) | Free
Scaffold scalable React Native features using the MVVM architecture pattern. Generates View, ViewModel, Service, and Types files with one command.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

React Native MVVM Feature Generator

Scaffold scalable React Native features using the MVVM pattern with a single command.


What it generates

Running RN MVVM: Create Feature with the name Profile produces:

src/features/Profile/
├── ProfileView.tsx
├── useProfileViewModel.ts
├── profileService.ts
├── profileTypes.ts
└── index.ts

Usage

Option 1 — Command Palette

  1. Cmd+Shift+P
  2. Run RN MVVM: Create Feature
  3. Enter a feature name (e.g. Profile, UserSettings, Checkout)
  4. Confirm the base folder (defaults to src/features)
  5. Pick TypeScript or JavaScript

Option 2 — Right-click a folder

Right-click any folder in the Explorer → RN MVVM: Create Feature in This Folder


Settings

Setting Default Description
rnMvvm.language "typescript" Default language for generated files
rnMvvm.defaultBaseFolder "src/features" Path where features are created
rnMvvm.useIndexFile true Generate a barrel index.ts
rnMvvm.styleStrategy "stylesheet" View styling: stylesheet, inline, or none
rnMvvm.overwritePolicy "prompt" What to do if files exist: prompt, skip, or overwrite

Commands

Command ID
RN MVVM: Create Feature rnMvvm.createFeature
RN MVVM: Create Feature in This Folder rnMvvm.createFeatureHere

Troubleshooting

Nothing happens when I run the command. Open the React Native MVVM output channel (View → Output) — every action is logged there.

Folder already exists error. Change rnMvvm.overwritePolicy to overwrite or skip in your settings.


License

MIT

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