When it makes sense to write cross-platform apps: the rise and fall of React Native in Lingualeo

In Lingualeo applications, a rather rare case has developed. They were created before cross-platform technologies appeared, but after a few years, React Native modules were added there. Cross-platform modules have lived in applications for about four years: we will remove them in the next release.

(phoenix_rav) , Lingualeo React Native, . 

Lingualeo

« Lingualeo 2012 . , iOS Objective-C, Android —  Java. . 

. 2015 Lingualeo : . , .

. , , . , . 

2016 Lingualeo —  , . , — . .

. , , .

React Native. , , , Webview. , , React Native.

React. Lingualeo -, : , , React, React Native, . , .

2018 , . : iOS Android, , React Native. , , - — .

— ?

, , . . : . :

React Native , . , , , bridge-.

—  node , . , . , , .

bridge- — : Java/Kotlin Android Objective-C/Swift iOS. , , . 

, bridge- Intent Service Android:

public class LLMergeBridgeModule extends ReactContextBaseJavaModule {

   protected static final String MODULENAME = "LLMergeBridgeModule";

   @Override
   public String getName() {
       return LLMergeBridgeModule.MODULENAME;
   }

   public LLMergeBridgeModule(ReactApplicationContext reactContext) {
       super(reactContext);
   }

   @ReactMethod
   public void merge() {
       ReactApplicationContext context = getReactApplicationContext();
       SyncService.startServiceForceSync(context);
   }

}

, Activity Android ViewController iOS.

: React Native, . Android iOS, bridge-, . , , .

: . React Native, , iOS, Android React Native. 

— 2–3 , . . , , React Native Android, , iOS. . 

, React Native, . React Native , .

, React Native . Android, — iOS. .

React Native , : 2 . . iOS- React Native. 

2019 Google Play 64- . , React Native . , .

- , 6 —  — . . 

. , , , . , React Native . iOS. 

, . - , , QA. , , , . 3 . 

. iOS , Android . : , .

, — . , . .

, 28 . : Android- Mac mini 20 , — 2.

, Lingualeo , . , . 

?

React Native . , , , : 

1. . - UI-. , -: , .

2. . , , React Native. .

3. , . React Native — , . 

4. . —  . React Native , , . , - . , , code push.

5. . , UI, , .

?

, React Native , . :

-. React Native bridge-. , , , , React Native , .

Lingualeo . , , . drag and drop.

. , , GPS, Bluetooth, , , React Native bridge-. 

. — . Google Apple, , , , . , , . 

. Google Play Apple Store, , , , . React Native , node module .

React Native — , , , :

• : , ;

• : ;

• , , - ;

• : , MVP ».