._   _       _            
| \ | | ___ | |_ ___  ___
|  \| |/ _ \| __/ _ \/ __|
| |\  | (_) | ||  __/\__ \
|_| \_|\___/ \__\___||___/

React Native

Updating/Upgrading

Consult Breaking Changes before updating react-native

How does it work?

Javacript Core runs in a separate thread and talks to native iOS modules via RCTBridge. Native iOS modules must use certain annotations to recieve and send to RN components.

Guides

Introduction · Rangle.io: React Native Workshop

Animations

Performance

• Tal Kol - Introduction to React Native Performance - YouTube is a must-watch!
• React Native Internals: A Wider Picture (Part 1: MessageQueue & JS Thread)
• Linking Animations to Scroll Position in React Native – Medium

Debugging

• rn-snoopy: Snoopy is a profiling tool for React Native, that lets you snoop on the React Native Bridge.
• react-native-debugger: The standalone app based on official debugger of React Native, with React Inspector / Redux DevTools
• Debugging React Native Applications – React Native Academy – Medium

Tricks/Hacks

Need something accessible from every file? Add it to global in your index.{ios|android}.js.

• Found this in initializeCore.js from package defaults

Gestures