Connect to server
You can ping to server more easily now.
Request server and get data:
you can create network
object for any component and use fetch
or axios
to ping server.
For example, below is the button component in a screen, whenever it is pressed a request will go to server and get data.
const buttonPress = {
component: NANO.BUTTON,
value: 'CLICK ME',
onPress: ({ moduleParams }) => {
// this will get called first if network request action is 'onPress'
},
network:{
use: "fetch", // use `axios` if you want to use axios
action: "onPress" // use `onStart` if you want this request to be executed when component is loaded.
props:{
url: "",
method: "POST"
headers:{
},
body: {
}
// add more fetch parameters here
},
onSuccess: ({setUi, getUi, moduleParams, methodValues}) => {
const response = methodValues
console.log(response)
},
onFailure: ({setUi, getUi, moduleParams, methodValues}) => {
const response = methodValues
console.log(response)
}
}
};
const screen = {
name: 'HomeScreen',
screen: {
h1: [buttonPress],
}
};