Skip to content
SymbioteNative

Quick start

Prerequisites

Section titled “Prerequisites”
  • Node.js >=20
  • pnpm 11.x
  • A React Native iOS or Android development environment
  • Xcode for iOS simulator runs, or Android Studio/SDK for Android runs

Install dependencies

Section titled “Install dependencies”

From the repository root:

Terminal window
pnpm install

Run the React canary

Section titled “Run the React canary”
Terminal window
cd examples/react
pnpm ios

For Android:

Terminal window
cd examples/react
pnpm android

The React example is the reference canary: it drives the SymbioteNative engine through a React reconciler in mutation mode, then the engine commits to Fabric.

Run the Vue example

Section titled “Run the Vue example”
Terminal window
cd examples/vue-sfc
pnpm ios

or, for the TSX-flavored Vue example:

Terminal window
cd examples/vue-tsx
pnpm ios

The Vue examples prove the same native engine can be driven by Vue’s renderer operations rather than React’s host config.

Run the Angular example

Section titled “Run the Angular example”
Terminal window
cd examples/angular
pnpm ios

For Android:

Terminal window
cd examples/angular
pnpm android

The Angular example proves the same native engine driven a third way: a custom Renderer2/RendererFactory2 — Angular’s own framework-agnostic rendering seam — maps Angular’s operations onto the engine mutation API, with a DOM-less bootstrap (no platform-browser, no zone.js).

What to look for

Section titled “What to look for”

The visible demo is intentionally small: a native tap-to-increment counter. The important part is the route it takes:

  1. Framework state changes.
  2. The adapter calls insert, remove, setProp, or commit on the engine.
  3. The engine translates mutations into Fabric’s persistent clone-on-write model.
  4. React Native Fabric updates real native views.

Next, read how it works to understand the render pipeline.