Examples

Examples stay intentionally small. Each one shows the same native behavior in React, Vue, and Angular so you can see which parts are shared and which parts are framework-specific.

Available examples

• Counter — state, View, Text, and Pressable.
• Pressable — pressed state as a React render prop or Vue scoped slot.
• TextInput — controlled text input and event naming differences.

Reading examples

The native route is the same in every example:

framework state → adapter component → @symbiote-native/engine → Fabric → native view

The code shape differs by adapter. React uses callback props and children render functions. Vue uses emits, v-model, and slots. Angular uses @Output() (event) bindings everywhere, except the permanent scroll-family exception (onScroll and friends), which stays a callback @Input() since it can carry an Animated.event(...) marker.