Skills
.Work. You
Rest

react-to-taro

Community

Convert React Web apps to WeChat-ready Taro code.

Software Engineering#automation#react#routing#migration#code-transformation#taro#weapp
Authordafang
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the heavy lifting of migrating React Web applications into Taro 4.x codebases optimized for WeChat Mini Programs. It helps teams preserve logic while adapting UI and routing to Taro components and APIs.

Core Features & Use Cases

  • JSX & Element Mapping: div/section → View, span/p → Text, and lazy-load images.
  • Event & API Adaptation: Convert onChange to onInput and replace Web APIs with Taro equivalents.
  • Routing Migration: Replace react-router-dom patterns with Taro navigation APIs.
  • Automation Hooks: Includes analyze.js, generate-transforms.js, and validate.js to streamline the migration workflow.

Quick Start

  1. Analyze your React project: node scripts/analyze.js <path-to-src>
  2. Generate conversion directives: node scripts/generate-transforms.js taro-migration-report.json
  3. Apply transforms (by agent or manually) and validate: node scripts/validate.js <taro-path>

Dependency Matrix

Required Modules

None required

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: react-to-taro
Download link: https://github.com/dafang/taro-weapp-plugin/archive/main.zip#react-to-taro

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.