iCure MedTech React Native Template

Start working on your e-health React Native app with iCure in a few minutes, by using our dedicated React Native template:

npx create-react-native-app --template https://github.com/icure/icure-medical-device-react-native-boilerplate-app-template

Once your app is created, complete the following values of the file config/constants.ts:

• EXTERNAL_SERVICES_SPEC_ID,
• EMAIL_AUTHENTICATION_PROCESS_ID and/or SMS_AUTHENTICATION_PROCESS_ID,
• PARENT_ORGANISATION_ID,
• FRIENDLY_CAPTCHA_SITE_KEY

Check out our Quick Start in order to know what are those information and how to get them from our Cockpit Portal.

WARNING: Without these information, you won't be able to complete an authentication

Not familiar with npx create-react-native-app ? Have a look to their repository.

Looking for React template instead ? Head here.

Requirements

Make sure the following tools are installed on your machine:

• Yarn Package manager
• Ruby, same version than referenced in the .ruby-version file at the root of the template.
• XCode
• Android Studio

Note: XCode and Android Studio are needed in order to run your app on iPhone & Android emulators

Which technologies are used ?

This React Native Template is based on the same technologies as our Petra example app. Meaning this template includes the use of:

• Typescript, as a language
• Redux, as a state container
• MMKV, as a key-value storage
• FriendlyCaptcha, as a CAPTCHA solution

We chosed this set of technologies, because we consider them as the most efficient ones to work with. Nonetheless, you can of course work with the technologies of your choices and still integrate the iCure MedTech Typescript SDK in your React Native app.

What includes this template ?

All the needed dependencies to work with iCure in a React Native app, including:

• the iCure MedTech Typescript SDK
• the iCure React Native Cryptography libraries

This template also includes the implementation of the iCure authentication flow (Both registration and login).

What's next ?

Check out our MedTech Documentation and more particularly our How To's, in order to start implementing new functionalities inside your React Native App !