react-open-app

Open your users native apps using deep links

Install

npm install --save react-open-app

Usage

import OpenApp from "react-open-app";
 
const App = () => (
  <div className="App">
    <h1>Hello World</h1>
    <OpenApp href="https://twitter.com/enzo_ferey">Twitter</OpenApp>
  </div>
);

This library uses my library url-to-deep-link to transform URLs into deep links. If you want to redirect your users to a non supported app you can do it throught android and ios props:

import OpenApp from "react-open-app";
 
const App = () => (
  <div className="App">
    <h1>Hello World</h1>
    <OpenApp
      href="https://mycoolappwebsite.com"
      android="whatever deep link you need on Android"
      ios="whatever deep link you need on iOS"
    >
      My app
    </OpenApp>
  </div>
);

Props

Name	Type	Description
href	String	The URL to be opened in the user's apps
android	String	Custom deep link for Android devices to be used
ios	String	Custom deep link for iOS devices to be used
blank	Boolean	Should the URL be open in another window in fallback case.

Any other prop will be passed down to the underlying <a> tag.

Test

npm run test

Build (webpack)

npm run build

License

MIT