react-native

React Native renderer that converts JSON specs into native mobile component trees with standard components, data binding, visibility, actions, and dynamic props. Use visible on elements. Syntax: { "$state": "/path" } , { "$state": "/path", "eq": value } , { "$state": "/path", "not": true } , [ cond1, cond2 ] for AND. Use Pressable with the built-in setState action for interactive UIs like tab bars: Any prop value can be a data-driven expression resolved at render time: Components do not use a statePath prop for two-way binding. Use { "$bindState": "/path" } on the natural value prop instead. The setState action is handled automatically by ActionProvider and updates the state model directly, which re-evaluates visibility conditions and dynamic prop expressions: Pass a StateStore to StateProvider (or JSONUIProvider / createRenderer ) to use external state management: When store is provided, initialState and onStateChange are ignored. - Container - wrapper with padding, background, border radius - Row - horizontal flex layout with gap, alignment - Column - vertical flex layout with gap, alignment - ScrollContainer - scrollable area (vertical or horizontal) - SafeArea - safe area insets for notch/home indicator - Pressable - touchable wrapper that triggers actions on press - Spacer - fixed or flexible spacing - Divider - thin line separator - Heading - heading text (levels 1-6) -...