Library for cross-platform app development.
Перейти к файлу
Siddhesh 411d476a47 Added README in Hindi (#849)
* added README in Hindi

* added README in Hindi final
2018-10-09 08:22:27 -07:00
docs Pass the cancelable prop down to RN.Alert (#843) 2018-10-07 12:54:31 -07:00
extensions Published reactxp-navigation 1.4.0-rc.1. Updated samples. Updated dependencies in TodoList sample. 2018-09-21 08:41:54 -07:00
samples Added code to disable mouse gestures in main view when a modal dialog is overlaying the main view. (#846) 2018-10-08 08:30:34 -07:00
src Added code to disable mouse gestures in main view when a modal dialog is overlaying the main view. (#846) 2018-10-08 08:30:34 -07:00
.gitignore Fixed drag & drop handlers for RN windows (#377) 2017-12-09 09:38:36 -08:00
.npmignore Added VirtualListView and documentation. 2017-04-17 23:54:23 -07:00
.npmrc Start to use npm's package-lock feature. 2018-08-07 23:36:50 -06:00
.travis.yml add CI (#828) 2018-09-28 21:32:32 -07:00
LICENSE Updated License file as per Microsoft legal group. 2017-04-05 18:14:38 -07:00
README.md Add information about how to use create-rx-app cli (#842) 2018-10-04 17:22:31 -07:00
README_Hindi.md Added README in Hindi (#849) 2018-10-09 08:22:27 -07:00
index.android.js Added source files. 2017-04-05 17:51:05 -07:00
index.ios.js Added source files. 2017-04-05 17:51:05 -07:00
index.js Added source files. 2017-04-05 17:51:05 -07:00
index.macos.js Basic MacOS support for ReactXP and reactxp-video. (#245) 2017-09-01 15:19:45 -07:00
index.windows.js Added source files. 2017-04-05 17:51:05 -07:00
package-lock.json Update peerDependencies (#836) 2018-10-02 14:41:26 -07:00
package.json Update peerDependencies (#836) 2018-10-02 14:41:26 -07:00
tsconfig.json Revert lodash imports due to issues on RN (#816) 2018-09-14 12:53:49 -07:00
tslint.json Added use of tslint in RXPApp and fixed lint errors. 2018-06-25 10:51:19 -07:00

README.md

ReactXP

GitHub license npm version Build Status npm downloads David David PRs Welcome Gitter

ReactXP is a library for cross-platform app development using React and React Native.

Why ReactXP

With React and React Native, your web app can share most of its logic with your iOS and Android apps, but the view layer needs to be implemented separately for each platform. We have taken this a step further and developed a thin cross-platform layer we call ReactXP. If you write your app to this abstraction, you can share your view definitions, styles and animations across multiple target platforms. Of course, you can still provide platform-specific UI variants, but this can be done selectively where desired.

Getting Started

The samples directory contains a minimal “Hello World” app that demonstrates some basic ReactXP functionality. You can use this as a starting point. Just follow the build instructions in the README file.

Also included in the samples directory is the RXPTest app which attempts to exercise all of the functionality of ReactXP. It is a good source to consult for sample usage of APIs, components, and props.

You can read more about ReactXP and its APIs from the ReactXP official Documentation.

Use the command-line tool called create-rx-app to create a starter project.

npm install create-rx-app -g
create-rx-app AppName

or

npx create-rx-app AppName

By Default the project will be created in TypeScript. However if you prefer JavaScript instead, add -J or --javascript when creating the project.

This will create a directory called AppName inside the current working directory. Inside AppName, this will generate the initial project structure and install all of its dependencies. Once this installation is done, there are some commands you can run in the project directory:

  • npm run start:web - runs the Web version of the app in the development mode
  • npm run build:web - builds the Web version of the app for production to the dist-web folder
  • npm run start:ios - runs the iOS version of the app and attempts to open in the iOS Simulator if you're on a Mac and have it installed
  • npm run start:android - runs the Android version of the app and attempts to open your app on a connected Android device or emulator
  • npm run start:windows - runs the Windows version of the app
  • npm start - runs react native (RN) development server

Prerequisites

Contributing

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.

You must sign a Contribution License Agreement (CLA) before your PR will be merged. This is a one-time requirement for Microsoft projects in GitHub. You can read more about Contribution License Agreements (CLA) on Wikipedia. You can sign the Microsoft Contribution License Agreement by visiting https://cla.microsoft.com/. Use your GitHub account to login.

License

This project is licensed under the MIT License - see the LICENSE file for details