Deft
Ask AI

Search

Search skills, authors and topics

vercel-labs / agent-skills

vercel-react-native-skills

React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.

View sourceExpoReact NativePerformanceMotion

Install

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-native-skills
title
Use Single Dependency Versions Across Monorepo
impact
MEDIUM
impactDescription
avoids duplicate bundles, version conflicts
tags
monorepo, dependencies, installation

Use Single Dependency Versions Across Monorepo

Use a single version of each dependency across all packages in your monorepo. Prefer exact versions over ranges. Multiple versions cause duplicate code in bundles, runtime conflicts, and inconsistent behavior across packages.

Use a tool like syncpack to enforce this. As a last resort, use yarn resolutions or npm overrides.

Incorrect (version ranges, multiple versions):

json
// packages/app/package.json{  "dependencies": {    "react-native-reanimated": "^3.0.0"  }}
// packages/ui/package.json{  "dependencies": {    "react-native-reanimated": "^3.5.0"  }}

Correct (exact versions, single source of truth):

json
// package.json (root){  "pnpm": {    "overrides": {      "react-native-reanimated": "3.16.1"    }  }}
// packages/app/package.json{  "dependencies": {    "react-native-reanimated": "3.16.1"  }}
// packages/ui/package.json{  "dependencies": {    "react-native-reanimated": "3.16.1"  }}

Use your package manager's override/resolution feature to enforce versions at the root. When adding dependencies, specify exact versions without ^ or ~.