Build bundle with Herina.

Introduction

Herina is a toolkit providing dynamic ability for React Native App. It provides simple JS APIs that you can easily intergrate hot-update into your App. Also, you can use import() to dynamically import modules from remote without any configuration with Herina.

At the low level, Herina has Metro as bundler to build bundle. It is like Vite to Rollup or ESBuild. After the build is done, it generates AST of the bundle to analyse the code to separate modules into different kinds of chunks.

Features

• Bundle building
• Split bundle into chunks
• Dynamic import
• Build and apply incremental updates
• Easy to use JS APIs
• Auto-restore bundle when error appears
• iOS and Android support
• TypeScript support

Installation

yarn add @herina-rn/core @herina-rn/client
cd ios && pod install

Code Splitting

Herina divides bundle into three types of chunks:

• Business: includes the business code of the App.
• Dynamic: includes a module imported by using import().
• Vendor: includes dependencies in node_modules and Herina’s runtime.