Has anyone successfully run Firebase Analytics in React Native?
There is a react-native-firebase-analytics but it's installation documentation and support is poor. Also it does not install the plugin correctly. If you have been working on FB Analytics in React Native project, please share your tips.
Thanks.
Are you using firebase sdk for web with react native? Analytics, offline capabilities etc, won't work with the apps if you use firebase sdk for web, check react-native-firebase which acts as a native bridge and enables all the functionalities of firebase for mobile. It has great documentation!
refer : Firebase + React Native: Offline authentication
Edit:
I was able to get offline capabilities with in the app using redux-persist independent of the firebase sdk.
Agreed with what you have said. I made that work by linking manually and run command
adb shell setprop debug.firebase.analytics.app "package_name"
in react-native cli for enabling debug mode on firebase website.
And don't forget to put file google-services.json in your android/app folder.
Related
I am planning to develop a react native app for mobile and the same code base for web app . My app should work offline storing the data in some sort of database, is there any database that will work both in mobile and web for react native?
I have looked into Realm and PouchDB, Realm and pouch will work in react-native mobile. I don't have any clarity on whether they will work on web app.
yes you can use sqlite for this purpose it will work on both ends.
I use sqlite https://www.npmjs.com/package/react-native-sqlite-storage it will work for both ios and android
I want to design a cross-platform (Android, iOS, and Web) plugin-able software that means everyone can easily develop a plugin for it and users can pick plugins from the marketplace and install it. Every plugin can:
Share data in the back-end side with the core application
Have a custom UI in Apps and Web that ideally using a standard UI-kit for consistency (for example Shopify polaris)
In the back-end, there are many best practices in software design like OAuth. but in the frontend, the problem is not straightforward:
Is there any cross-platform UI-kit for react and react-native? for example, using Expo v33+ or ReactNativeWeb we can build the code for android/ios and web but I can't find any cross-platform UI-kit. (NativeBase, Elements or similar cross-platform UI-kits are only for Android and iOS)
In the Frontend, how plugins can share UI using react and react-native (or ideally a cross-platform UI kit) somehow that render in the core dynamically (without needing any update, for example, the plugin provide an endpoint and return a react/native component and the core will render it)
1 - As far as I know there are few of them, like React Universal UI
2 - With the above UI Kit, the distinction on how components are built (imports remain the same) is done at runtime in the boilerplate:
Web (React)
$ ruui dev
IOS (React Native)
$ react-native run-ios
Android (React Native)
$ react-native run-android
If you want you component to be imported at runtime, well, this is possible for sure in web env (you can do it also with react-create-app, with dev server turned on and no prod static build).
For Android and IOS you'll need an additional build and subscribe your app for the review before going up again to the store (AppStore and Google Play)
I am exploring Detox automation library by Wix. I tried it on React native and Native app it worked fine. I want to know do this tool have the capability to automate hybrid app and web app? As I don't have any hybrid app and web app source code I couldn't able to evaluate and in google, there is no information about this.
Appreciate your response.
No, Detox Cannot support Web apps as well as Hybrid apps. It doesn't have any capability to talk to elements displayed inside of Webview. It is developed to support React Native and Pure Native apps.
I currently have a web app/api built using React, Node, Mongo & Express. I would also like to develop a react native clien that shares an API. Does having an existing react web client make the react-native mobile development any easier? My biggest concern is authentication & authorization. Can you recommend any tutorials, frameworks, packages that could make it easier? As you can tell.. I am very new to development.
You can utilize the same backend that you use for your Web app, in React-Native.
You can even use the same packages like Axios or superagent.
React-Native's built in one is called Fetch().
You are simply pinging your RESTful backend from a different device.
React-Native code is not at all a one for one with React Code. They are very different and only follow the same architecture Design Principals.
This question has been asked many times.
I have a NativeScript application which I would like to integrate, combine, or use with a new integrating app that I would like to build with Stoutem which is developed with Native Script and using it's own Cloud Storage. I would like to leverage the components, extensions or modules already built in Stoutem to use with my existing app.
Does anyone know how to achieve this or have tried it?
I am thinking of the routing or navigation. The data could be shared through API.
Update:
I got a suggestion on loading Stoutem Extensions in a frame under our NativeScript app.