Können React Native-Apps in einem Browser getestet werden?

72

Ist es möglich zu erkennen, dass React Native-Apps mit Simulatoren entwickelt / getestet werden können? Verwenden Sie einen Webbrowser, um auch eine Anwendung zu testen.

Dienste wie https://rnplay.org/ existieren, aber ich befürchte, dass sie von https://appetize.io/ betrieben werden und möglicherweise durch die Anzahl der Minuten pro Monat begrenzt sind. Ich würde auch gerne Free / Open-Source-Technologie verwenden, um dies im Vergleich zu einem kostenpflichtigen Bildschirm-Streaming-Dienst zu erreichen.

In diesem Sinne müsste die App zum Testen der App in einem Browser eine oder mehrere Bibliotheken verwenden, mit denen die App sowohl in React Native als auch einfach in React ausgeführt werden kann? Ich möchte eine Alternative zu diesem speziellen Ansatz finden, da ich speziell für React Native codieren möchte.

testing reactjs react-native simulator sean2078
quelle
3
begrenzt, aber etwas zum Spielen: npmjs.com/package/react-native-for-web
tokland
danke @tokland wird es überprüfen - ich denke, es wird einen Tag geben, an dem wir nativ mit schnelleren Umgebungen als Simulatoren bauen können
sean2078
2
Soviel zu der Bezeichnung "Write Once Run Anywhere"!
Killjoy
Sandbox könnte eine gute Alternative sein. Codesandbox.io/s/loving-wind-ftpq0
David

Antworten:

43

Nein, React Native kann nur in mobilen Simulatoren wie IOS und Android getestet werden

Update: Facebook hat ein wunderschönes Starterpaket für React native gegeben.

Einführung in die Create React Native App

Auf diese Weise können Sie die App mit der Expo-App ( https://expo.io ) auf Ihrem Handy ausführen. Sie wird mit QR-Code synchronisiert.

Thanigainathan
quelle
2
Nur ein Hinweis zu einigen Expo-Einschränkungen für verarmte Entwickler: Die IDE von Expo unter Windows erfordert 64-Bit. Auf MacOs erfordert die IDE, dass Sie sich im Internet anmelden. Bisher ist es mir nicht gelungen, Expo dazu zu bringen, einen Build über die Befehlszeile ohne Internet an mein über USB angeschlossenes Android-Gerät zu senden, aber es könnte sich als möglich herausstellen ...
Hippietrail
Funktioniert gut für mich
Kira
18

Ja! Mit React-Native-Web ist das sehr gut möglich . Hier sind einige verwandte, nützliche Ressourcen, um loszulegen:

Umar A.
quelle
Interessant. Ich denke, sie erwarten, dass der gesamte Code mit nativen Tags geschrieben wird. Sie müssen überprüfen, ob wir die Benutzeroberfläche mit all ihren Macken in einem Browser tatsächlich richtig
ausführen