# Native Data Store

{% tabs %}
{% tab title="Plain Javascript" %}
{% code overflow="wrap" %}

```javascript
const { setAppData, getAppData, deleteAppData, setCloudData, getCloudData, deleteCloudData } = window.WTN.NativeDatastore;

//Store in the app data -> Locally

setAppData({
  keyName: "your key",
  value: "value to store",
  callback: (response) => {
    console.log("Data saved:", response);
  }
});

getAppData({
  keyName: "your key",
  callback: (response) => {
    console.log("Data retrieved:", response);
  }
});

deleteAppData({
  keyName: "your key",
  callback: (response) => {
    console.log("Data deleted:", response);
  }
});

//Store in the cloud -> Cloud storage

setCloudData({
  keyName: "your key",
  value: "value to store",
  callback: (response) => {
    console.log("Cloud data saved:", response);
  }
});

getCloudData({
  keyName: "your key",
  callback: (response) => {
    console.log("Cloud data retrieved:", response);
  }
});

deleteCloudData({
  keyName: "your key",
  callback: (response) => {
    console.log("Cloud data deleted:", response);
  }
});
```

{% endcode %}
{% endtab %}

{% tab title="ES5+" %}
{% code overflow="wrap" fullWidth="false" %}

```javascript
import { setAppData, getAppData, deleteAppData, setCloudData, getCloudData, deleteCloudData } from "webtonative/NativeDatastore";

//Store in the app data -> Locally

setAppData({
  keyName: "your key",
  value: "value to store",
  callback: (response) => {
    console.log("Data saved:", response);
  }
});

getAppData({
  keyName: "your key",
  callback: (response) => {
    console.log("Data retrieved:", response);
  }
});

deleteAppData({
  keyName: "your key",
  callback: (response) => {
    console.log("Data deleted:", response);
  }
});

//Store in the cloud -> Cloud storage

setCloudData({
  keyName: "your key",
  value: "value to store",
  callback: (response) => {
    console.log("Cloud data saved:", response);
  }
});

getCloudData({
  keyName: "your key",
  callback: (response) => {
    console.log("Cloud data retrieved:", response);
  }
});

deleteCloudData({
  keyName: "your key",
  callback: (response) => {
    console.log("Cloud data deleted:", response);
  }
});
```

{% endcode %}
{% endtab %}
{% endtabs %}

While setting the data supported data types are string, object, array

Feature taken live on 04/09/25