Difference between React-native and Electron

react-native electron
mohitmun picture mohitmun · Sep 21, 2016 · Viewed 26.5k times · Source

I want to build a simple read-only app which should run on Android, iOS, Windows, OSX and Linux. Does electron support mobile platform? I couldn't figure out which one should I go for.

Answer

amorenew picture amorenew · Dec 31, 2017

Electron include chrome engine to render web pages as Native apps with support for different plugins to add desktop apps features.

Electrino doesn't include any render engine it uses the Safari engine on the Mac so the installation file is smaller than Electron. There's no support for Windows yet.

React Native is using a cross-platform render to Android and iOS.

Example: <Text> on Android will be TextView and on iOS will be UITextField

React Native Web made React Native work on web

Example: <Text> on web will be <p> or <label> not sure and after that, it can work on the desktop by electron

You can build universal apps by using this template by React Native code.

Also if you want a specific target you can add component.web.js or .electron.js or .android.js or .ios.js so it will render to this target only

https://github.com/react-everywhere/re-start/tree/react-16

Related questions

Can you use React Native to create a desktop application?

I'm making a desktop application with create-react-app and Electron. It needs to run on Mac, Windows and Linux. I also want to make a native version afterwards for Android and iOS. Can I just make an application in React Native …

Read More
How can I insert a line break into a <Text> component in React Native?

I want to insert a new line (like \r\n, <br />) in a Text component in React Native. If I have: <text> <br /> Hi~<br /> this is a test message.<br /&…

Read More
React Native android build failed. SDK location not found

I have error when i start running android What went wrong: A problem occurred evaluating project ':app'. > SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.

Read More