How to create plugin for iOS framework using React Native - ios

Iam new to react native, how can I create plugin in react-native.
I have my own Embedded framework,Where I want to include this framework in plugin.Any idea
Please any help would be highly appreciated.

There are lots of detailed tutorials already available, I believe I used this one in the past on medium: https://medium.com/javascript-in-plain-english/react-native-native-modules-with-swift-6768ea03b3f
The React Native doc also gives a helpful tutorial: https://reactnative.dev/docs/native-modules-ios
And if it's for a Native UI Component follow that tutorial with this one: https://reactnative.dev/docs/native-components-ios
Hope it helps, otherwise a google search for "react native ios bridge tutorial" gives you many more. Good luck!

Related

Can I use apple libraries like CoreML and PencilKit with react-native apps?

I really want to make use of the pencil kit in my react-native application. I just want to know whether I can do it. If yes, then how?
TLDR: Doesn't exist as of 2/6/2021 and you will need to write bridge code between react native (js) and native (swift/ObjC). There are big performance limitations with this approach. I recommend you create a native Swift based app for your project.
I was also curious if this is available.
For those willing to use Swift, here's the sample shown during the demo.
For those that want to use PencilKit / CoreML native libraries from React native you need need to write bridge code between Javascript (please use typescript) and the native code.
Here's more information on bridging and a guide.
For me, I will be building a note taking app and it needs to be performant. Despite being a react / react native developer I will be choosing Swift to build this project due to performance concerns.
Last point to make is that you can use react native and native together. But this is more of a headache than an enabler. AirBnB used this for some time but moved away from this approach.
For anyone new to React Native, it's a great platform. I personally like to use it for simple applications (not graphically intensive). You can also use it with the Expo tooling which speeds up prototyping but be warned some functionalities are not available bluetooth is one example.
Yes I Did it.
I created a native view for iOS Pencil Kit in React Native with Swift.
You can check basic examples for native module in my Repo

How to set up analytics on React Native for iOS

So I have a completed React Native project for iOS but I want to put analytics in it. I tried the react-native-google-analytics package, but issues prevent it from working properly. Also, the react-native-cordova-plugin package is only working on Android, so the ability to plug in a Cordova plugin for analytics is out of the question for now. I also do not have Swift / objective C experience, so would be completely lost pluggin in GA that way. Does anyone have any suggestions on how to hook up Google Analytics (or any other analytics) for React Native for iOS? If so, please give some detailed instructions on doing so. I, and I'm sure, many others will appreciate it :)
I am the author of a Google Analytics package for React Native: https://github.com/idehub/react-native-google-analytics-bridge
Since it is a pretty simple native bridge to the official Google Analytics libraries, it should not give you any issues related to the platform. Also, it will handle a lot of the metadata automatically, like the device UUID, device model, viewport size, OS version etc.
Because of that last part, the calls can be pretty simple, like tracking a new screen view:
import { GoogleAnalyticsTracker } from 'react-native-google-analytics-bridge';
let tracker = new GoogleAnalyticsTracker('UA-12345-1');
tracker.trackScreenView('Home')
Or an event:
tracker.trackEvent('testcategory', 'testaction');
I'm the author of react-native-google-analytics -- the problem with it has been with React Native's lack of support for GIF data in XHR responses on iOS 7. I'm still trying to figure out if the problem people are experiencing is still limited to iOS 7. The bug was reported as fixed by the RN team for iOS > 7, however if that is not the case then there must be a regression. Tracking for the React Native issue is here: https://github.com/facebook/react-native/issues/1780
If you have any other questions regarding the module specifically, please don't hesitate to ask on GitHub!
I just set up mixpanel with this package:
https://github.com/davodesign84/react-native-mixpanel
And then I have something like this in my main.js file that holds all my view components:
componentWillMount: function() {
this.loadData(this.setDataState);
// not sure if this is the best way to do it, but whatever
Mixpanel.identify(DeviceInfo.getUniqueID());
Mixpanel.set("$name", DeviceInfo.getDeviceName());
Mixpanel.track("App Loaded");
}
And then in my view.js that renders a component with data, I have something like this:
componentWillMount: function() {
Mixpanel.trackWithProperties("Definition Viewed",{word:this.state.word});
}
And then I also call mixpanel when a users adds/deletes data.
After all this, I just noticed that fabric does analytics so I will probably migrate to that because I use to to manage beta testers and its awesome so it'll be nice to have everything in 1 place
So this may be helpful to people, but I found Segment - https://segment.com/ - a lot easier to get setup. Segment has integration with Google Analytics and all the other analytics packages, so it easy once the connection is made. I had to follow some tutorials on creating a native bridge using the RCT_EXPORT_MODULE technique, but once I established a connection to the client, I was able to pretty much plug in the Segment starter code. I linked specific event calls to different actions on the client side through NativeModules.AnalyticsHelper.openApp(clientId), NativeModules.AnalyticsHelper.shareContent(clientId), etc.. I think this is a good method to follow.
I also created a gist to show how to setup Segment Analytics for React native.

How to use wikitude samples?

I'm very new to android developing and AR, I installed Wikitude from this link
But now I don't know how i must use samples in this link
Please help me, thanks a lot.
Please have a look at the provided SDK sample application, which comes open sourced with the Wikitude SDK - here you will find the JavaScript counterpart to the mentioned Wikitude SDK Documentation.
You can then use the sample application to adjust the samples code or enrich your application by reusing the concepts.
Kind regards,
Andreas

Are there any simple PhoneGap tutorials?

I have found zillions of tutorials that none of them was clarifying all information to get started easily with phonegap.
And phonegap documentation it self is pretty confusing and bulky.
However, my request is:
A simple tutorial to build jquerymobile web project with phone gap without any extra SDK's
And how to get the debug and release keys for app stores..
Thanks in advance
Here's a line by line tutorial: http://www.gajotres.net/building-a-native-mobile-app-with-phonegap-and-jquery-mobile-1-4/
If you need MaxOS version you can find it here: http://www.gajotres.net/creating-phonegap-project-on-macos/
It is my personal blog but there's no point in writing it everything here. Feel free to ask me if you have more questions.
Well it doesn't use jQuery but I have quite a step-by-step PhoneGap tutorial for beginners up at https://github.com/drappenheimer/phonegap-by-dissection
It makes no assumptions, and the end result is an actual app! (https://play.google.com/store/apps/details?id=com.drappenheimer.japxlate)
A good place to start PhoneGap would be this step by step tutorial. How to install/run PhoneGap on Ubuntu, Step by step guide.
Here are two another tutorials from the end of 2014.
Phonegap / Cordova - iOS Tutorial
Phonegap / Cordova - Android Tutorial
If you need more information about those guides - let me know.
Since PhoneGap is evolving every day, I would like to add a few more links to this answer.
Nowadays, you can use Cordova (aka PhoneGap) with any modern web framework such as Angular, React, Vue JS instead of JQuery mobile
Reference Links:
https://www.tutorialspoint.com/phonegap/
PhoneGap Tutorial
https://medium.com/#nacojohn/convert-your-angular-project-to-mobile-app-using-cordova-f0384a7711a6
http://coenraets.org/blog/2014/12/sample-mobile-application-with-react-and-cordova/

How to install phonegap Facebook plugin for iPhone

i'm making a project for school and I want to use the phone gap Facebook plugin for iOS, but the installation instructions in the text file is rather complicated. I was wondering if someone got a great link on how to install it, or maybe someone has an example project or even could help me with installing it because I fail extremely in installing it.
Kind Regards,
Bart
I've created this tutorial / example for how to use Facebook inside of Phonegap without the plugin, it is similar but is more expandable and is easy to setup and use.
This explains everything in pretty good detail
http://www.drewdahlman.com/meusLabs/?p=88
check out the GIT
https://github.com/DrewDahlman/phonegapFacebookApp
hope this helps!
PhoneGap posted a YouTube video detailing the install process step-by-step. Note that 1.4.1 is the most recent supported version of PhoneGap - the 1.5 Cordova update is not yet supported.

Resources