Can it help optimize sluggish lists?

Absolutely. The skill includes advanced optimization techniques for FlatList and implementation guides for Shopify FlashList to handle thousands of items at 60fps.

Is it compatible with Expo projects?

Yes, it is fully optimized for Expo SDK 52+, including support for Expo Router, EAS Build workflows, and Continuous Native Generation (CNG).

How does it handle navigation refactoring?

It implements type-safe navigation patterns for both React Navigation v7 and Expo Router, ensuring your routing logic is robust and error-free.

Does this skill support the React Native New Architecture?

Yes, it provides specialized patterns for migrating to Fabric, TurboModules, and JSI to enable synchronous native communication and better performance.

Does it assist with UI animations?

Yes, it leverages Reanimated best practices to ensure animations run on the UI thread, preventing frame drops during heavy JavaScript execution.

React Native Refactor & Optimization

Name: React Native Refactor & Optimization
Author: SnakeO

bySnakeO

0•

Mobile Development

Refactors React Native and TypeScript code to implement modern architectures, improve performance, and ensure cross-platform consistency.

This skill empowers developers to modernize mobile applications by migrating to the React Native New Architecture, including Fabric and TurboModules. It provides expert-level guidance on optimizing rendering performance with FlashList, implementing type-safe navigation using React Navigation v7, and leveraging the latest Expo SDK 52+ features like Expo Router and Continuous Native Generation (CNG). Ideal for teams looking to eliminate technical debt, improve 60fps animation fluidity with Reanimated, and enforce clean code principles across complex cross-platform codebases.

主要功能

010 GitHub stars

02Type-Safe Navigation with React Navigation v7

03Performance Optimization for FlatList & Shopify FlashList

04High-Performance 60fps Animations using Reanimated

05New Architecture Migration (Fabric, TurboModules, & JSI)

06Expo SDK 52+ & Expo Router Integration Patterns

使用场景

01Refactoring untyped or loosely typed mobile codebases into robust TypeScript solutions.

02Resolving performance bottlenecks in long lists and complex UI transitions.

03Modernizing legacy bridge-based React Native apps to the New Architecture.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add snakeo/claude-debug-and-refactor-skills-plugin refactor-react-native

For use in Claude.ai and ChatGPT

Download Skill