0.0.29 • Published 4 years ago
@bridged.io/remote-ui-core v0.0.29
remote ui core
New to remote-ui? read this "remote-ui is for sending client built-ui-data. yes you can customize the looks, but not a recommanded way."
UI Importing
// method 1. root import
import * as rui from "@bridged.io/remote-ui-core";
new rui.UI.Text("remote ui rules 😎")
// method 1. namespace import
import { UI } from "@bridged.io/remote-ui-core";
new UI.Text("remote ui rules 😎")
// method 1. component import
import { Text } from "@bridged.io/remote-ui-core/components";
new Text("remote ui rules 😎")
Usage: Building Layout / Component
import { icons, UI, layouts, Actions } from "../lib";
const cardLayout = new layouts.search.BasicSearchItemLayout({
avatar: new UI.Icon(icons.material.add),
title: new UI.Text("GY"),
chips: [
new UI.Chip(
new UI.Text("wonder")
),
new UI.Chip(
new UI.Text("what you're")
),
new UI.Chip(
new UI.Text("doing")
)
],
content: new UI.Text("i love you gy"),
onTap: new Actions.PushRoute("/lovers/gy")
})
console.log(cardLayout.build());
logs...
{
"avatar": {
"icon": {
"uri": "material://Icons.add",
"type": "MATERIAL_NATIVE"
}
},
"title": {
"text": "GY"
},
"content": {
"text": "i love you gy"
},
"chips": [
{
"label": {
"text": "wonder"
}
},
{
"label": {
"text": "what you're"
}
},
{
"label": {
"text": "doing"
}
}
],
"onTap": {
"data": {
"route": "/lovers/gy"
},
"namespace": "GENERAL",
"session": {
"id": "3GaskEig7epzIFTXYfG2Zw=="
},
"type": "PUSH_ROUTE"
}
}
Concepts
- Actions
- Components
- Layouts
- Screens
Examples
code remote-ui-core usage example
dependency
- mustache
- url-pattern
0.0.28
4 years ago
0.0.29
4 years ago
0.0.24
4 years ago
0.0.25
4 years ago
0.0.26
4 years ago
0.0.23
4 years ago
0.0.21
4 years ago
0.0.22
4 years ago
0.0.20
4 years ago
0.0.18
4 years ago
0.0.17
4 years ago
0.0.16
4 years ago
0.0.15
4 years ago
0.0.14
4 years ago
0.0.13
4 years ago
0.0.12
4 years ago
0.0.11
4 years ago
0.0.10
4 years ago
0.0.9
4 years ago
0.0.8
4 years ago
0.0.7
4 years ago
0.0.6
4 years ago
0.0.5
4 years ago
0.0.4
4 years ago
0.0.3
4 years ago
0.0.2
4 years ago
0.0.1
4 years ago