Function App

with-tinybase/App.js:101–120

()

// The main app.
const App = () => {
  // Initialize the (memoized) TinyBase store and persist it.
  const store = useCreateStore(createStore);
  useAndStartPersister(store);

  return (
    // Wrap the app in TinyBase context, so the store is default throughout and
    // a SafeAreaProvider/SafeAreaView so it fits the screen.
    <Provider store={store}>
      <SafeAreaProvider>
        <SafeAreaView style={styles.container}>
          <Text style={styles.heading}>TinyBase Example</Text>
          <NewTodo />
          <Todos />
          <ClearTodos />
        </SafeAreaView>
      </SafeAreaProvider>
    </Provider>
  );
};

const useAndStartPersister = (store) =>
  // Persist store to Expo SQLite or local storage; load once, then auto-save.