# 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 Tamagui, 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

`@tamagui/next-plugin` and `@tamagui/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` => `@tamagui/react-native-svg`