Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Code Splitting in React Native

Callstack Engineers via YouTube

Overview

Explore code splitting techniques in React Native during this React Native EU 2021 conference talk. Discover how to leverage Webpack's power to split functionality in mobile applications, drawing inspiration from web development practices. Learn about the mental model of single runnable software in mobile app development and why it's challenging to split functionality in native applications. Understand the concept of code splitting, its applications in super apps, mini-app stores, and modular applications. Examine practical examples in e-learning and companion apps. Compare code splitting approaches on Android, iOS, WebViews, and React Native with Metro and Webpack. Delve into async chunks, dynamic scripts, and the potential for Module Federation in Re.Pack. Gain insights into the current state of code splitting in Re.Pack and identify areas for future development, including chunk signing and verification.

Syllabus

Intro
What is Code Splitting?
What is a bundle?
Code Splitting Project's compled source code, dependencies and
What Code Splitting can it be used for?
Super apps / Mini-app stores
Modular applications
Example: E-Learning application
Example: Companion application
Natively on Android
Natively on ios
WebViews
React Native with Metro
React Native with Webpack and Re.Pack
Approaches
Async chunks
Dynamic script
Is Module Federation available in Re.Pack?
The state of Code Splitting in Re.Pack
The missing bits Chunk signing and verification

Taught by

Callstack Engineers

Reviews

Start your review of Code Splitting in React Native

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.