Can't run Realm with React not native - realm

Created my react app with react-create-app. Installed realm and included it. Get the following error:
Module not found: Can't resolve 'react-native' in
./node_modules/realm/lib/browser/index.js'
It's true that the file requires react-native but my application isn't React Native, it's just React. Installing react-native module anyway does not solve this.
I've tried to use include Realm in a simple javascript file and run it with Node (No React included). It worked. What could cause this to fail in my project? The start script I am using?

Related

React Native Firebase Dynamic Links

I am using react native firebase dynamic links, after completing my setup, i tried to use it, but i faced this error .
APP ERR Error: You attempted to use a firebase module that's not installed natively on your iOS project by calling firebase.dynamicLinks().
Ensure you have either linked the module or added it to your projects Podfile.
I tried pod install but still have the error

Vue 3 local component library (sfc) development not working due to Plugins not reloading

I need help. I'm developing a vue-3 (Quasar/Electron) app with a separate component library. What I'm trying to get working is to develop the component library locally alongside the main app with hot reload.
It's pretty simple, I already have the component library configured as a Vue plugin. If I push to NPM and add it to my project as an npm dependency, everything works fine. What doesn’t work is when I use yarn link to symlink locally and then add it the same way:
import { MyComponentLib } from 'my-component-lib';
app.use(MyComponentLib);
This worked fine on vue-2 as any changes to the local component lib would get reloaded and immediately shown during development. However with vue-3, you can only load a plugin once (even in development). After the first load you will get a warning: "[Vue warn]: Plugin has already been applied to target app.".
You basically need to restart the app everytime to see changes to your local component library. Does anyone know how to get around this?

React Native FIrebase with Wix React Native Navigation

Has anyone got these 2 working together?
I added react native firebase to my app and it crashes on start up.
I then tested the starter kit provided by react native firebase and once I install react native navigation the app crashes.
Using React Native 0.51, React native navigation v1.1.365 and react native firebase 3.2.2
Thanks
Yeah.
It's Possible.
What I did Was first Installed Firebase and configured.
Then I Installed Wix/react-native Navigation. Follow the steps mentioned in the Official Documentation.
Link for the same to Install and configure is https://wix.github.io/react-native-navigation/#/installation-android.
a command to install library is
"sudo npm install --save react-native-navigation#latest".
Note: App crashes due to MainActivity File. Please remove unwanted code snippet. It should have following code snippet only. As shown Below.
In MainActivity.java it should extend
com.reactnativenavigation.controllers.SplashActivity instead of ReactActivity.
This file can be located in android/app/src/main/java/com/yourproject/.
import com.reactnativenavigation.controllers.SplashActivity;
public class MainActivity extends SplashActivity {
}
Managed to get up and running fully with React Native FCM. Seems to be the best option if using react native navigation.

Can't import Firebase Firestore into Vuejs webpack project

I'm trying to use the new Firestore DB into a brand new project with Vuejs, but I have errors with webpack.
I'm starting the project from scratch, with vue init webpack. However, although I can import and use the DB in a plain nodejs script (keyfile.json is not commited for security), I can't make it work in the Vuejs project.
Steps to reproduce (commited to Github for easy access)
Initialize a new project with vue init webpack
Copied the Firestore initializer
Imported it into main.js
Tried to reconfigure webpack, but errors appear (described in detail here)
Then I have errors in console, with the main page not rendering. I've tried to reconfigure webpack in two ways, but no success… :(
Can anyone help me in figuring out how to make Firestore work in a webpack Vuejs project?
Thanks a lot!

Webstorm doesn't see Meteor packages

I have Webstorm 11.0.1 and Meteor 1.2.1.
I have an issue with Kadira:flow-router not being shown in external libraries and therefore Webstorm is painting red all the references to the FlowRouter API.
The Meteor app itself is working fine. The problem is with IDE only.
There was a similar issue with another API:
Webstorm doesn't see API
However I was able to use the a o3 package.
It is a bug of Meteor import system in WebStorm. The problem will be fixed in WS 11.0.2.
As workaround you can manually create external library for the directory:
"$USER_HOME/.meteor/packages/kadira_flow-router/2.9.0/web.browser".

Resources