Can React Native apps be tested in a browser?

Question

Realizing that React Native apps are designed to be developed / tested using simulators, is it possible to use a web browser to also test an application?

Services such as https://rnplay.org/ exist, however my concern is it's powered by https://appetize.io/ it might be limited by the # of minutes per month. I'd also like to utilize free / open-source technology to accomplish this, as compared to a paid screen streaming service.

Along these lines, in order to test the app in a browser, would the app be required to use one or more libraries which allow the app to be run in both React Native and also simply React? I'd like to find an alternative to this particular approach as I'd like to code for React Native specifically.

limited, but something to play with: https://www.npmjs.com/package/react-native-for-web — tokland, Sep 12 '16 at 09:04
thanks @tokland will check it out - I think there will come a day when we can build natively using faster environments than simulators — sean2078, Oct 01 '16 at 15:01
sandbox might be a good alternative choice https://codesandbox.io/s/loving-wind-ftpq0 — David, Mar 02 '20 at 03:01

score 50 · Accepted Answer · edited May 11 '22 at 08:24

50

No, React Native can be tested only in mobile simulators like IOS and Android

Update: Facebook has given a beautiful starter pack for React Native.

Introducing Create React Native App

Using this, you can run the app in your mobile using expo app(https://expo.io). It syncs using QR code.

edited May 11 '22 at 08:24

yusuf

1,233
1
15
29

answered Mar 13 '16 at 18:31

Thanigainathan

1,505
14
25

2

Just a note on some Expo restriction for impoverished developers: Expo's IDE on Windows requires 64-bit. On MacOs the IDE requires you to log in on the internet. So far I have not succeeded in getting Expo to send a build to my USB-connected Android device from the commandline without internet but it may turn out to be possible ... – hippietrail Aug 20 '17 at 02:23
Working well for me – Kira Sep 02 '18 at 19:37

score 26 · Answer 2 · answered Nov 04 '18 at 15:21

26

Yes! That's very much possible with react-native-web. Here are a couple of related, useful resources to get started:

answered Nov 04 '18 at 15:21

Umar A.

580
5
7

Interesting.. I guess they expect all the code to be written using native tags.. Need to check if we can actually UI properly with all its quirks in a browser or not.. – pravin Jan 26 '19 at 14:10

score 17 · Answer 3 · answered Aug 02 '17 at 08:15

17

You can use Expo Snack https://snack.expo.io/ to instantly test your code on a device (using QR code ) or in the browser. For more information, you can go thtrough this article. https://blog.expo.io/sketch-a-playground-for-react-native-16b2401f44a2

answered Aug 02 '17 at 08:15

Ankit Sinha

1,630
1
20
19

Can React Native apps be tested in a browser?

3 Answers3

Linked

Related