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

Mobile Development

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

Acerca de

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.

Características Principales

0 GitHub stars
Type-Safe Navigation with React Navigation v7
Performance Optimization for FlatList & Shopify FlashList
High-Performance 60fps Animations using Reanimated
New Architecture Migration (Fabric, TurboModules, & JSI)
Expo SDK 52+ & Expo Router Integration Patterns

Casos de Uso

Refactoring untyped or loosely typed mobile codebases into robust TypeScript solutions.
Resolving performance bottlenecks in long lists and complex UI transitions.
Modernizing 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

GitHub