JSPM

@tamagui/react-native-web-lite

1.135.2
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 58174
  • Score
    100M100P100Q164857F
  • License MIT

React Native for Web

Package Exports

  • @tamagui/react-native-web-lite
  • @tamagui/react-native-web-lite/Libraries/Utilities/codegenNativeCommand
  • @tamagui/react-native-web-lite/Libraries/Utilities/codegenNativeComponent
  • @tamagui/react-native-web-lite/dist/AccessibilityInfo
  • @tamagui/react-native-web-lite/dist/ActivityIndicator
  • @tamagui/react-native-web-lite/dist/Alert
  • @tamagui/react-native-web-lite/dist/AppRegistry
  • @tamagui/react-native-web-lite/dist/AppState
  • @tamagui/react-native-web-lite/dist/Appearance
  • @tamagui/react-native-web-lite/dist/BackHandler
  • @tamagui/react-native-web-lite/dist/Clipboard
  • @tamagui/react-native-web-lite/dist/DeviceInfo
  • @tamagui/react-native-web-lite/dist/Dimensions
  • @tamagui/react-native-web-lite/dist/I18nManager
  • @tamagui/react-native-web-lite/dist/Image
  • @tamagui/react-native-web-lite/dist/ImageBackground
  • @tamagui/react-native-web-lite/dist/InteractionManager
  • @tamagui/react-native-web-lite/dist/Keyboard
  • @tamagui/react-native-web-lite/dist/KeyboardAvoidingView
  • @tamagui/react-native-web-lite/dist/Linking
  • @tamagui/react-native-web-lite/dist/LogBox
  • @tamagui/react-native-web-lite/dist/Modal
  • @tamagui/react-native-web-lite/dist/NativeModules
  • @tamagui/react-native-web-lite/dist/PanResponder
  • @tamagui/react-native-web-lite/dist/PixelRatio
  • @tamagui/react-native-web-lite/dist/Pressable
  • @tamagui/react-native-web-lite/dist/RefreshControl
  • @tamagui/react-native-web-lite/dist/SafeAreaView
  • @tamagui/react-native-web-lite/dist/ScrollView
  • @tamagui/react-native-web-lite/dist/Share
  • @tamagui/react-native-web-lite/dist/StatusBar
  • @tamagui/react-native-web-lite/dist/Text
  • @tamagui/react-native-web-lite/dist/TextInput
  • @tamagui/react-native-web-lite/dist/Vibration
  • @tamagui/react-native-web-lite/dist/View
  • @tamagui/react-native-web-lite/dist/createElement
  • @tamagui/react-native-web-lite/dist/exports/StyleSheet/compiler/createReactDOMStyle
  • @tamagui/react-native-web-lite/dist/render
  • @tamagui/react-native-web-lite/dist/useColorScheme
  • @tamagui/react-native-web-lite/dist/useLocaleContext
  • @tamagui/react-native-web-lite/dist/useWindowDimensions
  • @tamagui/react-native-web-lite/dist/vendor/react-native/Batchinator
  • @tamagui/react-native-web-lite/dist/vendor/react-native/FillRateHelper
  • @tamagui/react-native-web-lite/dist/vendor/react-native/FlatList
  • @tamagui/react-native-web-lite/dist/vendor/react-native/JSEventLoopWatchdog
  • @tamagui/react-native-web-lite/dist/vendor/react-native/LayoutAnimation
  • @tamagui/react-native-web-lite/dist/vendor/react-native/PanResponder
  • @tamagui/react-native-web-lite/dist/vendor/react-native/PooledClass
  • @tamagui/react-native-web-lite/dist/vendor/react-native/SectionList
  • @tamagui/react-native-web-lite/dist/vendor/react-native/StaticContainer
  • @tamagui/react-native-web-lite/dist/vendor/react-native/StaticRenderer
  • @tamagui/react-native-web-lite/dist/vendor/react-native/TouchHistoryMath
  • @tamagui/react-native-web-lite/dist/vendor/react-native/ViewabilityHelper
  • @tamagui/react-native-web-lite/dist/vendor/react-native/VirtualizeUtils
  • @tamagui/react-native-web-lite/dist/vendor/react-native/VirtualizedList
  • @tamagui/react-native-web-lite/dist/vendor/react-native/VirtualizedSectionList
  • @tamagui/react-native-web-lite/dist/vendor/react-native/deepDiffer
  • @tamagui/react-native-web-lite/dist/vendor/react-native/infoLog
  • @tamagui/react-native-web-lite/package.json
  • @tamagui/react-native-web-lite/without-animated

Readme

Deprecated: ⚠️

Just use react-native-web, it's evolved enough to fix a few things and this has been left behind a bit.

Experiment!

Use at your own risk.

Slimming down react-native-web, this does the following:

  • Flow => Typescript
  • Full ESModule support
  • Vite compatibility
  • sideEffects: false + tree shaking support changes
  • merges concurrent mode fixes
  • merges the experimental fully concurrent safe / functional Animated
  • Removes:
    • ❌ VirtualList, FlatList, SectionList
    • ❌ Switch (going to be split out, in Tamagui already)
    • ❌ Touchable* views (prefer Pressable)
    • ❌ normalize-css-color
    • ❌ inline-style-prefixer
    • ❌ create-react-class

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

With webpack:

Alias the following

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