Does this skill perform a literal line-by-line translation?

No. It analyzes the behavior and intent of the React code and implements the equivalent functionality using idiomatic iOS patterns and your project's specific architecture.

How are React hooks mapped to iOS?

React hooks are mapped to their closest native equivalents, such as mapping useState to @State or @Published, and useEffect to .task or .onAppear modifiers.

Does it handle file management in Xcode?

Yes, the skill includes a specialized workflow step to register newly created .swift files with your Xcode project so they appear in the IDE and compile correctly.

Can it handle both SwiftUI and UIKit?

Yes. The skill first analyzes your iOS codebase to determine which UI framework and architectural patterns you are using, then adapts its output accordingly.

React to iOS Porter

Name: React to iOS Porter
Author: michaelboeding

bymichaelboeding

•

Mobile Development

Port React and React Native features to idiomatic native iOS code using Swift and SwiftUI.

The React to iOS skill acts as an intelligent bridge for developers migrating features from web or hybrid environments to native Apple platforms. It treats React code as the 'source of truth' for logic and behavior, then re-implements those features using native iOS patterns like MVVM or TCA. Rather than a literal translation, it maps React concepts—such as hooks, state, and JSX—to their native Swift equivalents like @State, Combine, and SwiftUI views, ensuring the final output perfectly matches your existing iOS codebase's style and architecture.

主要功能

01Translates React component hierarchies into idiomatic SwiftUI or UIKit structures

02Analyzes existing iOS codebase patterns to ensure architectural consistency (MVVM, TCA, UIKit)

03Maps React hooks (useState, useEffect, useContext) to native Swift property wrappers and lifecycles

04Automates Xcode project registration for newly created Swift files

059 GitHub stars

06Preserves business logic, API contracts, and edge-case handling across platforms

使用场景

01Porting complex business logic and data fetching from a React web app to a native iOS app

02Migrating individual components from a React Native project to a native Swift implementation

03Building native iOS alternatives to existing web components while maintaining feature parity

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add michaelboeding/skills react-to-ios

For use in Claude.ai and ChatGPT

Download Skill