Can you use phonegap/cordova plugins with react native?

[wootwoot1234]

Does react native support using phonegap/cordova plugins? Or would it be easy to port them over? Seems like there is a lot of work there that could be borrowed from.

[JoeStanton]

You can't just plug them in, but it's trivial to expose very similar Objective-C classes to the JS bridge (effectively you'd just need to implement the RCTBridgeModule protocol instead).

Definitely a lot of scope for to build on the work of Phonegap/Cordova.

[benjamingr]

It'd be really interesting to build a phonegap (and maybe an ionic) bridge to React-Native

[jaygarcia]

What would be the advantage to doing this? I imagine it's possible to wrap the PhoneGap view, but I don't see why.

JG

:: sent from my mobile device ::

On Mar 26, 2015, at 15:09, Benjamin Gruenbaum notifications@github.com wrote:

It'd be really interesting to build a phonegap (and maybe an ionic) bridge to React-Native

—
Reply to this email directly or view it on GitHub.

[wootwoot1234]

@jaygarcia plugins or ionic? I think plugins could be really useful since currently react native is limited in how it can interact with the hardware. Ionic by itself is a very nice mobile html5 framework but I'm not sure how it would fit in with react native. They have have done a great job with ngCordova and it might be a good starting point for which plugins to port to react native.

React native could use some plugins, right? I'm not missing something am I?

[jaygarcia]

I agree that react could use plugins. I am speaking to why you would want to migrate or bridge cordova with react native.

The whole purpose of using this framework is so that you can get away from the limitations of HTML5.

Like I said, wrapping cordova might actually be trivial to do. I just can't see the "why" :)

JG

:: sent from my mobile device ::

On Mar 26, 2015, at 20:22, wootwoot1234 notifications@github.com wrote:

@jaygarcia plugins or ionic? I think plugins could be really useful since currently react native is limited in how it can interact with the hardware. Ionic by itself is a very nice mobile html5 framework but I'm not sure how it would fit in with react native. They have have done a great job with ngCordova and it might be a good starting point for which plugins to port to react native.

React native could use some plugins, right? I'm not missing something am I?

—
Reply to this email directly or view it on GitHub.

[wootwoot1234]

@jaygarcia Cordova plugin don't use html, at least none that I can think of. They are purely javascript to native which is what react native plugins would be. I'm all about react native and not using a webviews but cordova plugins don't have anything to do with the webview. So to answer "why", because cordova has done 90% of the ground work, just need to change the bridge from cordova to react native. Maybe I don't understand what you mean or maybe you don't know what a cordova plugin is but I can't think of why not.

[joewood]

It would be great to see the react-native Bridge protocol documented so the community could take on the job of converting Cordova plugins to RN generically. Especially now both will be using npm.

[jaygarcia]

I am very well versed in the cordova universe and how plugins are made. I wrote a mod player app using cordova and Sencha touch in 2013 :).

I can see porting of plugins. Just not bridging cordova as a library and react native. That's what I am getting at.

JG

301.785.6030 :: @moduscreate

:: sent from my mobile device ::

On Mar 27, 2015, at 00:09, wootwoot1234 notifications@github.com wrote:

@jaygarcia Cordova plugin don't use html, at least none that I can think of. They are purely javascript to native which is what react native plugins would be. I'm all about react native and not using a webviews but cordova plugins don't have anything to do with the webview. So to answer "why", because cordova has done 90% of the ground work, just need to change the bridge from cordova to react native. Maybe I don't understand what you mean or maybe you don't know what a cordova plugin is but, I can't think of why not.

—
Reply to this email directly or view it on GitHub.

[joewood]

I think porting should be fairly easy already, as extensibility is well documented. The main difference would be that Cordova's native modules are running in a worker, where react-native is bridging to the UI thread. Right?

[jaygarcia]

I believe so. The one thing to think about is that with React Native, plugins / extensions are bound the React Native runloop. I was bit by this when writing a custom audio player.

[joewood]

Just to understand what you mean, the native extensions are on the UI thread, so therefore should not be blocking? Is the port of your phonegap mod player plugin to an RN extension open-source?

[frantic]

@jordwalke had the same idea but we didn't have time to look closely at it. I think it is possible to build an adapter that takes cordova plugin and exposes it as RN module in JS.

[jaygarcia]

@joewood, yes, that's what i'm saying.

The code is not yet open sourced. I have yet to fully understand how the Facebook team wants open-source modules to be released - that is the pattern to do this. There is the ObjC code, and related JavaScript that needs to somehow be bundled.

For a preview of some code:
#114 (comment)

Does anyone know of patterns documented for sharing modules?

[JoeStanton]

Most likely they can be made available as NPM packages following the pattern of everything currently in /Libraries/. See my Vibration API example that was included in core: #154

You could imagine the same setup, but with a package.json in the library folder, of which it's contents could be published to NPM. These libraries can then be statically linked into your Xcode Project via the node_modules dir (which would be a manual step for now).

I have some ideas for generating a react-native new-library command that would remove the need for some of this boilerplate and ease the creation of these libraries.

And yes - We were referring to @frantic / @jordwalke's idea of adapting Cordova modules to something the bridge could consume. Thinking about it more I think it might not be worth the effort, but there is definitely some stuff we could learn/benefit from in Cordova plugins.

[joewood]

I notice that @ide posted this #235 and there was this discussion we had when it was in private beta #60. npm being the master and seeding the xcode build through pod files. Not sure if that was the final agreement though.