Is it possible to use react-native-web to create PWA? - react-native

We are creating a web site which we want to use RN-web. (it's back port from RN app)
We'd like keep the possibility of converting to PWA later, wonder if it's possible to convert RN-web to PWA?

If you created your application with the expo-cli, now it's super easy to do it.
Expo web projects generate PWA assets and manifest by default, you only need to enable offline web support to get a full PWA.
You can follow the documentation https://docs.expo.io/guides/progressive-web-apps/
And enable service workers on your react native app https://github.com/expo/fyi/blob/master/enabling-web-service-workers.md

Related

how to make ArcGis(4.18) map offline and to consume it in angular application

how to make ArcGis(4.18) map offline and to consume it in angular application
tried deploying arc-gis JavaScript API and SDK
and replaced url"https://js.arcgis.com/" with "http://127.0.0.1/arcgis_js_api/library/"
still not working
The download api comes with a test page, did you try it and work fine?

Creating native Android push notifications for App built with PWA builder

Successfully created an Android app of my PWA using PWA builder.
Also Added web push notifications with the Service worker and web Firebase messaging API.
But due to certain shortcomings of web push notifications, I want to use the native push notifications using firebase SDK for Android instead.
Reading a few of these answers How to use push notification for trusted web activity, Cannot understand how to open a simple TWA inside an app (using AndroidX) gives me the impression that I need to have access to Main Activity and put Firebase onMessageReceived inside onCreate function.
But given PWA builder is a Node application that builds APK, I don't know where to start. I understand that I have to 1. Include the Firebase SDK & 2. Put onMessageReceived
But how to go about it using PWA builder?
Or Is it not possible at all? I need to create a brand new Andriod studio project and add TwaLauncher, from android-browser-helper as some of the answers mention?
Also posted this question on PWA builder issues.
When you are generating Android APK, enable the "Notification Delegation" option.

How to convert React-Native app to web version?

I have already completed a React-Native app. (And I used Firebase in app for backend.)
And there is 2 Figma files for both app & web version. How can I build web version in same style with web Figma design? App Figma and web Figma design are almost same.
How to convert it? I heard that "react-native-web" is useful for this. But all related blogs are videos are for creating app & web from scratch. I want to know how to convert pre-made React-Native app to web version. And after convert, can I reuse Firebase integration that has already used in app?
Anyone can explain the procedure step by step or send some links? Just hint will be also great appreciate.

What is the best way to handle the use of staging or production API root url in a React Native app?

Say I have a staging API url and a production API url. What is the best way to setup the app to use the production API url when I want to release a build to the stores and the staging API url when I am running in debug mode and just uploading to TestFlight/Internal Beta?
I was looking at react-native-config but it seems quite daunting to configure. Would using the DEV variable be possible/practical?
Thanks in advance.

React Native & Cosmos DB - How to get them working together?

There seem to be no direct support for React Native through Cosmos DB SDK or npm packages. The JS package #azure/cosmos while works on React Native for the Web, but does not build for the native apps. It fails to build due to Cryto incompatibility.
While Resource Tokens can serve as a solution for authentication, but App still needs to interact with the DB resources using an API.
So, how to go around this? Is utilizing Azure Functions as a mid-tier the only workaround?
Thanks
If you need basic functionality like querying, creating new items etc, you can get the react-native-azure-cosmos package.
However the functionality is a very limited subset of the full JS SDK.
There is no official SDK for now to target react native applications.
You will need to use an API App or Function app to interact with CosmosDB and call the HTTP endpoints from your device.