home / skills / bankkroll / skills-builder / react-native

react-native skill

/skills/react-native

This skill helps you find React Native documentation on releases and the new architecture, guiding you to relevant sections and usage details.

npx playbooks add skill bankkroll/skills-builder --skill react-native

Review the files below or copy the command above to add this skill to your agents.

Files (31)
SKILL.md
5.5 KB
---
name: "react-native-docs"
description: "Scraped from https://reactnative.dev/docs/ Source: https://reactnative.dev/docs/. Use when questions involve: releases, the new architecture."
---

# React Native Docs

> Official documentation: https://reactnative.dev/docs/

## Overview

This skill provides comprehensive documentation for react native docs.

**Total references:** 30 files (~188,504 tokens)

**Topics covered:**
Unit Tests, Preparing the Android device, Other breaking changes, Views and mobile development, Displaying a basic button, Keys and values, Flex Direction, Background Image via Nesting, Platforms to try, Props, Summary, Events...

## Reference Files

Load only the reference files relevant to the user's question:

### General

- **[Accessibility and more](references/general-1.md)** (~7,638 tokens)
  - Topics: Accessibility properties, Accessibility Actions, Checking if a Screen Reader is Enabled
- **[Alert and more](references/general-2.md)** (~5,800 tokens)
  - Topics: Example, iOS, Android
- **[Animations and more](references/general-3.md)** (~7,595 tokens)
  - Topics: AnimatedAPI, LayoutAnimationAPI, Additional notes
- **[BoxShadowValue Object Type and more](references/general-4.md)** (~5,489 tokens)
  - Topics: Example, Keys and values, Used by
- **[Communication between native and React Native and more](references/general-5.md)** (~7,738 tokens)
  - Topics: Introduction, Properties, Other ways of cross-language interaction events and native modules
- **[Easing and more](references/general-6.md)** (~7,022 tokens)
  - Topics: Example, Methods, Reference
- **[FlatList and more](references/general-7.md)** (~7,950 tokens)
  - Topics: Example, Props, Methods
- **[✨ __DEV__ and more](references/general-8.md)** (~7,853 tokens)
  - Topics: Methods, Constructor, Instance properties
- **[I18nManager and more](references/general-9.md)** (~5,543 tokens)
  - Topics: Examples, Properties, Methods
- **[Images and more](references/general-10.md)** (~3,997 tokens)
  - Topics: Static Image Resources, Static Non-Image Resources, Images From Hybrid Apps Resources
- **[Integration with Existing Apps and more](references/general-11.md)** (~6,514 tokens)
  - Topics: Key Concepts, Using the Community Template, Prerequisites
- **[React Fundamentals and more](references/general-12.md)** (~3,140 tokens)
  - Topics: Your first component, JSX, Custom Components
- **[Layout Props and more](references/general-13.md)** (~7,859 tokens)
  - Topics: Props, Example, Methods
- **[Linking and more](references/general-14.md)** (~6,674 tokens)
  - Topics: Example, Methods, Configuring Metro
- **[Optimizing FlatList Configuration and more](references/general-15.md)** (~7,473 tokens)
  - Topics: Terms, Props, List items
- **[PixelRatio and more](references/general-16.md)** (~7,759 tokens)
  - Topics: Fetching a correctly sized image, Pixel grid snapping, Example
- **[React Native DevTools and more](references/general-17.md)** (~5,729 tokens)
  - Topics: Core features, React DevTools features, Reconnecting DevTools
- **[Running On Device and more](references/general-18.md)** (~4,564 tokens)
  - Topics: Running your app on Android devices, Connecting to the development server, Building your app for production
- **[ScrollView and more](references/general-19.md)** (~6,388 tokens)
  - Topics: Example, Props, Methods
- **[Security and more](references/general-20.md)** (~7,896 tokens)
  - Topics: Storing Sensitive Info, Authentication and Deep Linking, Network Security
- **[Shadow Props and more](references/general-21.md)** (~7,685 tokens)
  - Topics: Props, Example, Methods
- **[Testing and more](references/general-22.md)** (~4,728 tokens)
  - Topics: Why Test, Static Analysis, Writing Testable Code
- **[Text](references/general-23.md)** (~3,854 tokens)
  - Topics: Nested text, Containers, Limited Style Inheritance
- **[TextInput and more](references/general-24.md)** (~7,667 tokens)
  - Topics: Props, Methods, Timers
- **[TouchableWithoutFeedback and more](references/general-25.md)** (~7,395 tokens)
  - Topics: Usage Pattern, Example, Props
- **[Using TypeScript and more](references/general-26.md)** (~5,383 tokens)
  - Topics: Getting Started with TypeScript, Adding TypeScript to an Existing Project, Using JavaScript Instead of TypeScript
- **[View and more](references/general-27.md)** (~7,946 tokens)
  - Topics: Props, Example, Keys and values

### Releases

- **[Release Levels and more](references/releases.md)** (~2,128 tokens)
  - Topics: When to Use Each Release Level, How to initialize React Native using Canary  Experimental, Stable Release Versions

### The New Architecture

- **[Advanced Topics on Native Modules Development and more](references/the-new-architecture-1.md)** (~6,116 tokens)
  - Topics: Examples, Including Generated Code into Libraries, EnablingincludesGeneratedCode
- **[Cross and more](references/the-new-architecture-2.md)** (~4,981 tokens)
  - Topics: 1 Create the JS specs, 2 Configure Codegen, 3 Write the Native Code

## Usage Guidelines

1. **Identify relevant sections** - Match the user's question to the appropriate reference file(s)
2. **Load minimally** - Only read files directly relevant to the question to conserve context
3. **Cite sources** - Reference specific sections when answering
4. **Combine knowledge** - For complex questions, you may need multiple reference files

### When to use each reference:

- **General**: General documentation, overview, and getting started
- **Releases**: Releases-related features and documentation
- **The New Architecture**: The New Architecture-related features and documentation

Overview

This skill provides a searchable, structured extract of the official React Native docs with emphasis on releases and the new architecture. It consolidates core topics like platform APIs, running on device, testing, and migration guidance so you can quickly find authoritative guidance. Use it when you need precise doc-level answers tied to React Native releases or the new architecture features.

How this skill works

The skill indexes scraped sections of reactnative.dev and exposes concise explanations, code patterns, and configuration steps. It highlights release-level guidance (stable, experimental, canary) and the new architecture workflows such as codegen, JS specs, and integrating generated native code. For developer questions it returns focused procedures, recommended flags, and migration notes.

When to use it

  • When asking about React Native release channels, versioning, and upgrade guidance
  • When planning or troubleshooting migration to the new architecture (Fabric/TurboModules/Codegen)
  • When you need exact API usage, props, or platform-specific notes from the official docs
  • When configuring build or runtime flags for new-architecture features
  • When seeking recommended testing or device-run workflows tied to React Native versions

Best practices

  • Match your question to either Releases or The New Architecture to get the most relevant documentation sections
  • Follow release-level guidance: use stable for production, RC/canary only for evaluation or testing
  • Enable the new architecture incrementally: validate JS specs, configure Codegen, then enable native components
  • Keep a clean branch for upgrade/migration work and test each build target (iOS/Android) separately
  • Refer to official migration steps for including generated code into libraries and for enabling includesGeneratedCode

Example use cases

  • Determine whether to use the stable release or try canary for a breaking-feature fix
  • Step-by-step checklist for enabling Codegen and validating JS specs for a native module
  • Guidance for integrating generated native code into a custom library and setting includesGeneratedCode
  • Troubleshoot build failures when switching to the new architecture on Android or iOS
  • Find exact API details for core components (View, TextInput, FlatList) while upgrading code

FAQ

Should I use canary releases in production?

No. Canary and experimental releases are for testing new features. Use stable releases for production and follow upgrade guides when a stable release contains needed changes.

What is the recommended sequence to enable the new architecture?

Validate and author JS specs, configure Codegen, implement native bindings, include generated code into libraries, then enable the runtime flags and test per platform.