react-native-web-lite

A tree-shakeable fork of react-native-web that replaces the style engine with simple inline styles.

What is this?

This package keeps all the API surfaces of react-native-web, but makes them fully tree-shakeable by replacing the style engine with a simple inline style system.

This is ideal if you're using an alternative style engine (like Hanzo GUI, StyleX, etc.) and just want react-native API compatibility for non-style concerns.

Trade-offs

Because the style engine is replaced with inline styles, descendant-based styles are not supported. This means things like pointerEvents="box-none" won't work as expected since they rely on react-native-web's CSS-based styling system.

If you need full react-native-web style support, use react-native-web directly.

Features

• Full ESModule support
• Vite compatibility
• sideEffects: false + full tree shaking support
• TypeScript (converted from Flow)

Setup

@hanzogui/next-plugin and @hanzogui/vite-plugin have an option useReactNativeWebLite to help automatically set this up.

With webpack, alias the following:

• react-native-web$ => react-native-web-lite
• react-native-svg => @hanzogui/react-native-svg