3

I have started developing an application for all the three platforms (web, ios and android) with single code base.

I came across these two libraries and I want to know which one is better and why?

Also, I came across a lot of open source react-native projects, For example React Navigation, Lottie.

Can I integrate react-navigation (or any popular react-native module) in my react-native-web or reactXP application?

Please provide your inputs and TIA.

Nikhil
  • 119
  • 11
  • While I wouldn't be able to tell you which React framework is better, since you stated "I am new to mobile applications development" I would just throw a bit of advice out there: Instead of trying to tackle 3 different paradigms on your first go (web, iOS, Android) it may be beneficial to learn a couple using native languages to better understand lifecycle, memory management, threading, handling user interaction, etc. Since React is an abstraction on top of all that, debugging can get difficult if you don't understand the underlying components. – Kyle H Aug 30 '18 at 22:56

2 Answers2

1

react-native is a framework for building iOS and Android applications using React. You can read more about the React Native bridge concept here

ReactXP - is a set of components/API which built on top of React Native, React, React Native Windows to simplify building cross-platform applications for multiple platforms (iOs, Android, UWP, Web) with one API for all of them. It is like jQuery which tries to solve the problem with cross-browser compatibility issues. The similar we can say about ReactXP - it tries to provide API/Components which works on several platforms.

Can I integrate react-navigation (or any popular react-native module) in my react-native-web or reactXP application?

ReactXP: It is possible, however, it is not recommended. Usually, react-native plugins support only iOS and Android (there are exceptions and some of them support Windows), so, you need to care about implementation for other platforms. ReactXP has several extensions, including navigation.

Oleksandr T.
  • 76,493
  • 17
  • 173
  • 144
1

We use RXP as much as possible, and then create a different set of components for the web vs mobile.

For example on the web, you most likely want an <a> tag with a href prop to support opening links in new tabs. And on mobile you obviously don't. In this case we have implemented the <Link> component for each platform.

Same goes for navigation, modals, selects, etc.., and other platform specific things like localstorage implementation.

Frexuz
  • 4,732
  • 2
  • 37
  • 54