React Native Performance Optimization and Profiling

#reactnative Performance Optimization and Profiling

  • State of React Native performanceReact per default re-renders a component every time its parent receives new props or updates its state, that’s one of many reasons why the React paradigm for building UI’s is superior.
  • Luckily many of the standard React Native components executes on a separate thread known as the main thread.
  • If you are offloading work from JavaScript to the native side prevent the bridge from becoming overloaded by monitoring how many times data are sent and received over the wire.
  • class Component extends React.Component { – renderSectionHeader = () = View style={…} /render() { – return ( – FlatList – {…this.props} – / – ) – } – }If you still consider to handle navigation on the JavaScript side or you are struggling with frame drops during animations.
  • class AfterInteractions extends React.Component {state = { interactions: true } – – componentDidMount() { – = { – this.setState({ interactions: false }) – }render() { – if (interactions) { – return null – } – return this.props.children – } – }Animations in React Native looks good and are easy to…

React Native is a popular technology for engineers who are looking for building mobile applications in a productive way without compromising on native performance. Devices today comes with multi core…
Continue reading “React Native Performance Optimization and Profiling”

Using Native SDKs and Libraries in React Native

Using native SDKs and libraries with #React Native

  • Most of the time, these are only available in their native version, and only accessible as Objective-C or Swift libraries in the case of iOS apps or as Java Classes for Android apps.
  • Step 2: Call our bridge from our React Native code.
  • Step 1: Create two native files for our bridge.
  • An Objective-C class is made out of two files, a .m and a .h, holding the module implementation and the header for this module respectively.
  • When building an app in React Native we may end up needing to use third-party SDKs or libraries.

Read the full article, click here.

@PacktPub: “Using native SDKs and libraries with #React Native”

Using Native SDKs and Libraries in React Native written by Emilio Rodriguez: one of the many blog articles from Packt Publishing

Using Native SDKs and Libraries in React Native