Optimizes, configures, and troubleshoots the Metro bundler for React Native and Expo mobile applications.
This skill provides specialized expertise in React Native's Metro bundler, empowering Claude to handle advanced configuration, performance optimization, and complex troubleshooting. It covers the entire bundling lifecycle, from setting up custom transformers and asset resolvers to implementing caching strategies and resolving monorepo symlink issues. Whether you are debugging 'Unable to resolve module' errors, managing port conflicts, or optimizing bundle size via inline requires, this skill provides the domain-specific patterns needed for a robust mobile development environment.
Key Features
01Custom transformer integration for SVGs and specialized assets
0213 GitHub stars
03Performance optimization through inline requires and bundle splitting
04Monorepo support with workspace and symlink resolution
05Comprehensive cache management and troubleshooting workflows
06Advanced metro.config.js configuration and merging
Use Cases
01Resolving persistent 'Unable to resolve module' or port 8081 conflicts
02Implementing custom asset pipelines and SVG transformers in Expo or Bare projects
03Setting up a React Native monorepo with shared library dependencies
