Documentation/Jutsu/React Native Web
🎯

React Native Web

v1.2.4

Validation and quality enforcement for React Native Web projects.

jutsuskillreact-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 jutsu-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.

What This Jutsu Provides

Skills

This jutsu 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 with npx (no installation required):

han plugin install jutsu-react-native-web

Requirements

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

Contributing

See CONTRIBUTING.md for guidelines.

License

MIT License - See LICENSE for details.

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.