frontend-migration-workflow
CommunityMigrate Vanilla JS to React 19
Authordonchrillo
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a systematic process to migrate legacy frontend applications from Vanilla JavaScript to modern React 19 with TypeScript, ensuring maintainability and type safety.
Core Features & Use Cases
- Phased Migration: Guides through Analysis, Planning, Implementation, and Integration.
- Component Mapping: Identifies and maps Vanilla JS patterns to React components.
- State & API Management: Defines strategies for state management and API call handling in React.
- Testing Strategies: Includes guidance on unit and integration testing for migrated components.
- Use Case: Transitioning a large, complex enterprise application's frontend from an outdated JavaScript framework to a modern, scalable React architecture.
Quick Start
Execute the frontend-migration-workflow skill to begin the process of migrating a Vanilla JS frontend to React 19.
Dependency Matrix
Required Modules
reactreact-domreact-router-domvitestplaywright
Components
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: frontend-migration-workflow Download link: https://github.com/donchrillo/temu/archive/main.zip#frontend-migration-workflow Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.