skills.rest
xi-guan
xi-guanCOMMUNITY
Explore all skills by this author →
GitHub

Migrating to Vendure Dashboard

Migrate Vendure Admin UI extensions from Angular to the React Dashboard.

1|Updated Apr 19, 2023
Search Tags:#react#angular#migration#dashboard#extensions#migrate#vendure
One-click install
npx skills add https://github.com/xi-guan/vendure --skill migrating-to-vendure-dashboard-xi-guan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Migrating to Vendure Dashboard
Source: https://github.com/xi-guan/vendure/tree/main/.claude/skills/vendure-dashboard-migration
Command: npx skills add https://github.com/xi-guan/vendure --skill migrating-to-vendure-dashboard-xi-guan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Migrates Vendure Admin UI extensions (legacy Angular-based) to the new React Dashboard.

Core Features & Use Cases

  • Guided migration: step-by-step instructions to convert common extension components, pages, and widgets from Angular UI to the React Dashboard.
  • Ruleful references: references to the migration sections (01-general.md through 10-widgets.md) to cover each aspect of the migration.
  • Consistency: ensures resulting dashboard extensions follow the Vendure dashboard architecture for compatibility and performance.

Quick Start

Migrate your extension from Angular to the React Dashboard by following the sections of this guide in order.

Frequently Asked Questions about Migrating to Vendure Dashboard

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I migrate Vendure Admin UI extensions from Angular to React?▼

To migrate Vendure Admin UI extensions from Angular to React, follow a guided process covering plugin identification, tsconfig setup, and converting forms, custom fields, lists, detail pages, and widgets to the React Dashboard.

What is involved in moving Vendure custom field inputs to the React Dashboard?▼

Moving Vendure custom field inputs to the React Dashboard requires comprehending specific migration rules and converting Angular components into React equivalents while honoring important architectural notes for compatibility.

Can I migrate Vendure navigation items and action bars directly to the React Dashboard?▼

Yes, you can migrate Vendure navigation items and action bars to the React Dashboard by following dedicated migration sections that map Angular extension patterns to the new React architecture.

What is the best way to convert Vendure Angular widgets to the React Dashboard?▼

The best way to convert Vendure Angular widgets to the React Dashboard is to follow the structured widget migration guide, which ensures resulting extensions follow the new dashboard architecture for performance.

Do I need to update tsconfig before migrating Vendure dashboard extensions?▼

Yes, updating tsconfig is a required step when migrating Vendure dashboard extensions to ensure the React environment properly recognizes and compiles the new extension structures.

Why does my Vendure Angular to React dashboard migration fail on custom detail components?▼

Migrating Vendure custom detail components fails if you do not follow the cited migration sections and honor the important notes specified for each extension topic during the conversion process.

Related Skills

Explore More Software Engineering Skills→
phuong-nam-devphuong-nam-dev

Migrating to Vendure Dashboard

Migrates Vendure Admin UI extensions from Angular to the React Dashboard.

Community
Advanced
vendurehqvendurehq
8.3k

Migrating to Vendure Dashboard

Migrate Angular Vendure Admin UI extensions to the React Dashboard.

Official
Intermediate
JasonPaffJasonPaff
2

client-components

Generate client-side React components with Radix UI and useServerAction hooks.

Community
Intermediate
vuminhieuvuminhieu

shopify

Guide Shopify app, extension, and theme development using GraphQL and REST Admin APIs.

Community
Advanced