Frontend Jul 15, 2019

Code Splitting with React Native

reactweek.nyc @reactweek

Karan Thakkar - Code Splitting with React Native | React Week NY ‘19 The idea behind this talk is to go through the existing landscape of bundling techniques for React Native, followed by a detailed introduction to an alternative idea of code splitting that I have worked on.

General Outline:

  • Introduction

  • Who am I

  • What do I do

  • Overview of the talk

  • Current techniques

  • Short intro of Regular and RAM bundles and how they are loaded

  • Differences between each in terms of underlying implementation, performance, startup time, etc.

  • Code Splitting

  • Comparison to traditional bundling techniques

  • Explanation of all the different parts needed to make this work:

  • Metro support

  • Native Modules for bridging

  • RCTCxxBridge for lazy JS injection

  • Live/Recorded Demo

  • Conclusion

  • Advantages

  • Drawbacks

  • Future

Karan works as a Mobile Engineer at Skyscanner, building the React Native infrastructure enabling other teams within the org to use it. Previously, he lead the Web team at Crowdfire. @geekykaran