Software Mansion's best practices for SVG rendering in React Native apps using React Native SVG. Use when rendering vector graphics, icons, charts, illustrations, or any SVG content. Trigger on: 'react-native-svg', 'SVG', 'vector graphics', 'render icon', 'draw shape', 'chart', 'path', 'Svg component', or any request to display scalable vector content in a React Native app.
bidah npx skillmds@latest add bidah/svg Software Mansion's production SVG patterns for React Native using React Native SVG.
| File | When to read |
|---|---|
when-to-use.md |
Deciding between react-native-svg, expo-image, @expo/vector-icons, Skia, or Lottie |
svg.md |
Installing react-native-svg; performance considerations; known issues |
animation-patterns.md |
Animating SVG elements and paths with Reanimated |
bidah/react-native-hifi/tree/main/skills/software-mansion-best-practices/svg commit 80b8cece58