classpass-bridging-workshop

Slides & sample app for bridging native modules & UI components workshop at Classpass

If you have any questions about the material covered today, please feel free to reach out to me on Twitter.

Slides

View the slides here.

To run them locally, cd ClasspassSlides && yarn && npm start

Sample App

To run the app, cd ClasspassWorkshopApp && yarn and run react-native run-ios or react-native run-android depending on the platform.

react-native-create-bridge

Check out the CLI that we used to create our templates for bridging native modules & UI components here!

Resources

I gave a talk at Chain React on "Breaking Down React Native Bridging." Watch it here!

Here are some tutorials & references for further reading:

React Native Internals

• https://tadeuzagallo.com/blog/react-native-bridge/
• https://medium.com/@kureevalexey/how-to-create-you-own-native-bridge-93a8d4a40bd2
• Under the Hood of React Native, Martin Kocinek
• React Native Under the Hood, Rotem Mizrachi Meidan

Tutorials

• http://browniefed.com/blog/react-native-how-to-bridge-an-objective-c-view-component/
• https://lacke.mn/blog/react-native-experiments-instagram-stories/
• https://kevin-deleon.com/2015/05/custom-react-native-components-in-swift
• https://shift.infinite.red/native-modules-for-react-native-android-ac05dbda800d

Building a React Native OSS library

• https://medium.com/shoutem/top-lessons-we-learned-while-building-a-react-native-bridge-library-bd6485cc6212

MessageQueue

• https://medium.com/@jondot/debugging-react-native-performance-snoopy-and-the-messagequeue-fe014cd047ac
• https://medium.com/reactnativeacademy/debugging-react-native-applications-6bff3f28c375
• https://medium.com/@rotemmiz/react-native-internals-a-wider-picture-part-1-messagequeue-js-thread-7894a7cba868