Example of using Vasern with React Hooks

App.js

import React, { useState, useEffect } from "react";
import MyDB from "./conn";

import {
    View, Text
} from "react-native";

export function App() {

    const [items, setItems] = useState();

    useEffect(() => {
        
        if (!items) {
            // Wait for the data to be loaded, then set initial items
            MyDB.Todos.onLoaded(() => {
             setItems(MyDB.Todos.data());
            })
        }
        
        // Listen to changes
        MyDB.Todos.onChange(({ changed }) => {
            setItems(MyDB.Todos.data());
        });
    }, [MyDB.Todos, items])

    return <View>
        {(items || []).map(item => <Text key={`item-${item.id}`}>
            {item.name}
            {item.completed ? 'Completed' : null}
        </Text>)}
    </View>
}

conn.js

import Vasern from "vasern";

const MyDB = new Vasern({
    schemas: [{
        name: 'Todos',
        props: { name: 'string', completed: 'boolean' }
    }]
});

export default MyDB;