React X

Cross-platform React components for ReactDOM and React Native.

Getting Started

Install react-x using yarn:

yarn add react-x

Setup

React Native

No additional setup required for react-native.

React DOM

If using Webpack, you need to add the .dom.js extension to the extensions array.

module.exports = {
  resolve: {
    extensions: ['.dom.js', '.js', '.json'],
  },
};

Components

Name	Version	Description
@react-x/activity-indicator		Cross-platform ActivityIndicator component for ReactDOM and React Native.
@react-x/flat-list		Cross-platform FlatList component for ReactDOM and React Native.
@react-x/image		Cross-platform Image component for ReactDOM and React Native.
@react-x/keyboard-avoiding-view		Cross-platform KeyboardAvoidingView component for ReactDOM and React Native.
@react-x/safe-area-view		Cross-platform SafeAreaView component for ReactDOM and React Native.
@react-x/scroll-view		Cross-platform ScrollView component for ReactDOM and React Native.
@react-x/section-list		Cross-platform SectionList component for ReactDOM and React Native.
@react-x/svg		Cross-platform SVG support for ReactDOM and React Native.
@react-x/switch		Switch component for toggling on/off.
@react-x/text		Cross-platform Text component for ReactDOM and React Native.
@react-x/text-input		TextInput component ReactDOM and React Native.
@react-x/touchable		Cross-platform Touchable components for ReactDOM and React Native.
@react-x/view		Cross-platform View component for ReactDOM and React Native.

Modules

Name	Version	Description
@react-x/animated		Animated module for React DOM and React Native.
@react-x/clipboard		Clipboard module for React DOM and React Native.
@react-x/execution-environment		ExecutionEnvironment module for React DOM and React Native.
@react-x/geolocation		Geolocation module for React DOM and React Native.
@react-x/keychain		Persistent storage for React DOM (cookies) and React Native (keychain).
@react-x/linking		Linking module for React DOM and React Native.
@react-x/net-info		NetInfo module for React DOM and React Native.
@react-x/platform		Platform module for React DOM and React Native.
@react-x/storage		Storage module for React DOM and React Native.
@react-x/style-sheet		StyleSheet module for React DOM and React Native.

Tools

Name	Version	Description
@react-x/babel-preset		Babel preset for compiling react-x packages.
@react-x/jest-preset-dom		Jest preset for testing react-x dom packages.
@react-x/jest-preset-native		Jest preset for testing react-x native packages.

Contributing

If you have any ideas on how this module could be better, create an Issue or submit a PR.