Files
gui/pkgs/react-native-web-lite
zooqueenandHanzo Dev 31ad1f039e Team is its own repo now
apps/team moved to hanzo-apps/team with its history, and builds there
against the published @hanzo/gui. It leaves the workspace list, the
lockfile, and the Written-at-Hanzo list in every NOTICE (ten names
become nine).


Co-authored-by: Hanzo Dev <[email protected]>
2026-09-23 15:53:45 -07:00
..
2026-09-05 00:14:46 -07:00
2026-09-23 15:53:45 -07:00
…
2026-09-04 09:04:51 -07:00
2026-09-04 09:04:51 -07:00

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 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