Skip to content
Cross-platform React components for ReactDOM and React Native
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
components
modules
packages/react-x
test
tools
.eslintignore
.eslintrc.js
.gitignore
.travis.yml
LICENSE
README.md
appveyor.yml
babel.config.js
circle.yml
lerna.json
package.json
yarn.lock

README.md

React X

npm npm npm CircleCI Travis AppVeyor Coveralls

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 npm Cross-platform ActivityIndicator component for ReactDOM and React Native.
@react-x/flat-list npm Cross-platform FlatList component for ReactDOM and React Native.
@react-x/image npm Cross-platform Image component for ReactDOM and React Native.
@react-x/keyboard-avoiding-view npm Cross-platform KeyboardAvoidingView component for ReactDOM and React Native.
@react-x/safe-area-view npm Cross-platform SafeAreaView component for ReactDOM and React Native.
@react-x/scroll-view npm Cross-platform ScrollView component for ReactDOM and React Native.
@react-x/section-list npm Cross-platform SectionList component for ReactDOM and React Native.
@react-x/svg npm Cross-platform SVG support for ReactDOM and React Native.
@react-x/switch npm Switch component for toggling on/off.
@react-x/text npm Cross-platform Text component for ReactDOM and React Native.
@react-x/text-input npm TextInput component ReactDOM and React Native.
@react-x/touchable npm Cross-platform Touchable components for ReactDOM and React Native.
@react-x/view npm Cross-platform View component for ReactDOM and React Native.

Modules

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

Tools

Name Version Description
@react-x/babel-preset npm Babel preset for compiling react-x packages.
@react-x/jest-preset-dom npm Jest preset for testing react-x dom packages.
@react-x/jest-preset-native npm 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.

You can’t perform that action at this time.