JSPM

react-native-web-lite

1.0.1-beta.150
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 12112
  • Score
    100M100P100Q134343F
  • License MIT

React Native for Web

Package Exports

  • react-native-web-lite
  • react-native-web-lite/dist/exports/AccessibilityInfo
  • react-native-web-lite/dist/exports/ActivityIndicator
  • react-native-web-lite/dist/exports/Alert
  • react-native-web-lite/dist/exports/AppRegistry
  • react-native-web-lite/dist/exports/AppState
  • react-native-web-lite/dist/exports/Appearance
  • react-native-web-lite/dist/exports/BackHandler
  • react-native-web-lite/dist/exports/Clipboard
  • react-native-web-lite/dist/exports/DeviceInfo
  • react-native-web-lite/dist/exports/Dimensions
  • react-native-web-lite/dist/exports/DrawerLayoutAndroid
  • react-native-web-lite/dist/exports/Easing
  • react-native-web-lite/dist/exports/FlatList
  • react-native-web-lite/dist/exports/I18nManager
  • react-native-web-lite/dist/exports/Image
  • react-native-web-lite/dist/exports/ImageBackground
  • react-native-web-lite/dist/exports/InteractionManager
  • react-native-web-lite/dist/exports/Keyboard
  • react-native-web-lite/dist/exports/KeyboardAvoidingView
  • react-native-web-lite/dist/exports/Linking
  • react-native-web-lite/dist/exports/LogBox
  • react-native-web-lite/dist/exports/NativeModules
  • react-native-web-lite/dist/exports/PanResponder
  • react-native-web-lite/dist/exports/PixelRatio
  • react-native-web-lite/dist/exports/Platform
  • react-native-web-lite/dist/exports/Pressable
  • react-native-web-lite/dist/exports/RefreshControl
  • react-native-web-lite/dist/exports/SafeAreaView
  • react-native-web-lite/dist/exports/ScrollView
  • react-native-web-lite/dist/exports/Share
  • react-native-web-lite/dist/exports/StatusBar
  • react-native-web-lite/dist/exports/StyleSheet
  • react-native-web-lite/dist/exports/StyleSheet/compiler
  • react-native-web-lite/dist/exports/StyleSheet/dom
  • react-native-web-lite/dist/exports/Text
  • react-native-web-lite/dist/exports/Text/TextAncestorContext
  • react-native-web-lite/dist/exports/TextInput
  • react-native-web-lite/dist/exports/UIManager
  • react-native-web-lite/dist/exports/Vibration
  • react-native-web-lite/dist/exports/View
  • react-native-web-lite/dist/exports/createDOMProps
  • react-native-web-lite/dist/exports/createElement
  • react-native-web-lite/dist/exports/findNodeHandle
  • react-native-web-lite/dist/exports/processColor
  • react-native-web-lite/dist/exports/render
  • react-native-web-lite/dist/exports/useColorScheme
  • react-native-web-lite/dist/exports/useElementLayout
  • react-native-web-lite/dist/exports/useLocaleContext
  • react-native-web-lite/dist/exports/useMergeRefs
  • react-native-web-lite/dist/exports/usePlatformMethods
  • react-native-web-lite/dist/exports/usePressEvents
  • react-native-web-lite/dist/exports/useResponderEvents
  • react-native-web-lite/dist/exports/useWindowDimensions
  • react-native-web-lite/dist/modules/AccessibilityUtil
  • react-native-web-lite/dist/modules/AssetRegistry
  • react-native-web-lite/dist/modules/ImageLoader
  • react-native-web-lite/dist/modules/ScrollResponder
  • react-native-web-lite/dist/modules/TextInputState
  • react-native-web-lite/dist/modules/canUseDom
  • react-native-web-lite/dist/modules/createDOMProps
  • react-native-web-lite/dist/modules/createEventHandle
  • react-native-web-lite/dist/modules/dismissKeyboard
  • react-native-web-lite/dist/modules/forwardedProps
  • react-native-web-lite/dist/modules/getBoundingClientRect
  • react-native-web-lite/dist/modules/isSelectionValid
  • react-native-web-lite/dist/modules/isWebColor
  • react-native-web-lite/dist/modules/mergeRefs
  • react-native-web-lite/dist/modules/modality
  • react-native-web-lite/dist/modules/multiplyStyleLengthValue
  • react-native-web-lite/dist/modules/normalizeColor
  • react-native-web-lite/dist/modules/pick
  • react-native-web-lite/dist/modules/prefixStyles
  • react-native-web-lite/dist/modules/requestIdleCallback
  • react-native-web-lite/dist/modules/setValueForStyles
  • react-native-web-lite/dist/modules/unitlessNumbers
  • react-native-web-lite/dist/modules/useElementLayout
  • react-native-web-lite/dist/modules/useEvent
  • react-native-web-lite/dist/modules/useHover
  • react-native-web-lite/dist/modules/useLayoutEffect
  • react-native-web-lite/dist/modules/useLocale
  • react-native-web-lite/dist/modules/useMergeRefs
  • react-native-web-lite/dist/modules/usePlatformMethods
  • react-native-web-lite/dist/modules/useResponderEvents
  • react-native-web-lite/dist/modules/useStable
  • react-native-web-lite/dist/vendor/hash
  • react-native-web-lite/dist/vendor/react-native/NativeEventEmitter
  • react-native-web-lite/dist/vendor/react-native/PanResponder
  • react-native-web-lite/dist/vendor/react-native/TouchHistoryMath
  • react-native-web-lite/dist/vendor/react-native/infoLog
  • react-native-web-lite/package.json

Readme

Experiment!

Use at your own risk.

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

  • Flow => Typescript
  • Full ESModule support
  • sideEffects: false for tree shaking
  • merges concurrent mode fixes
  • Removes:
    • ❌ VirtualList, FlatList, SectionList
    • ❌ Switch, Modal (going to be split out, in Tamagui already)
    • ❌ Touchable* views (going to be deprecated, 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
  • @tamagui/rnw => @tamagui/rnw-lite
  • react-native-svg => @tamagui/react-native-svg