Documentation/Frameworks/React Native Web
🏗ī¸

React Native Web

v1.2.4Apache 2.0

Validation and quality enforcement for React Native Web projects.

frameworksskillreact-native-webreact-nativereactwebvalidationtypescriptqualityenforcement

Installation

Install han binary (required for hooks to work):

curl -fsSL https://han.guru/install.sh | bash

Then install this plugin:

han plugin install react-native-web

Overview

Validation and quality enforcement for React Native Web projects, ensuring code quality through TypeScript type checking and React Native Web best practices.

Skills

This plugin provides the following skills:

  • react-native-web-core: Core React Native Web concepts, components, and cross-platform patterns
  • react-native-web-styling: Styling patterns using StyleSheet API, platform-specific styles, and responsive design
  • react-native-web-navigation: Navigation patterns with React Navigation for web and native platforms
  • react-native-web-performance: Performance optimization, code splitting, and bundle optimization for web
  • react-native-web-testing: Testing patterns with Jest, React Native Testing Library, and web-specific testing

Installation

Install via the han CLI:

bash
han plugin install react-native-web

Requirements

  • React Native Web 0.18+
  • React 18+
  • TypeScript 5.0+
  • Node.js 18+

Skills

📖

react-native-web-core

Use when working with React Native Web projects. Provides core concepts, components, and cross-platform patterns for building web applications with React Native.

📖

react-native-web-navigation

Use when implementing navigation in React Native Web projects. Provides patterns for React Navigation, deep linking, and web-specific routing.

📖

react-native-web-performance

Use when optimizing React Native Web performance. Provides patterns for code splitting, bundle optimization, memoization, and web-specific performance improvements.

📖

react-native-web-styling

Use when styling React Native Web components. Provides patterns for StyleSheet API, platform-specific styles, responsive design, and theming.

📖

react-native-web-testing

Use when testing React Native Web applications. Provides patterns for Jest, React Native Testing Library, component testing, and web-specific testing strategies.