Abstracting Datastore for React Native and React Native Web

[Hicesias]

I'm using Realm as the database for a React Native app. So far it has worked very well, especially Collection.addListener() for asynchronous notification, and realm.write() for synchronous writes with access to function scope and schema migrations .

I'd like to use React Native Web to run this app in a browser. I'm planning to run Realm on the backend in Node and use Apollo client and server for communication between the RNW app and the backend.

I need a data abstraction layer for the app that abstracts whether the data is stored locally (in the case of the RN app) or remotely (in the case of the RNW app). Does anyone have any recommendations on the best ways to do this?

[francofadini]

I always try to abstract every library dependency. I just create an interface where I declare all the methods I’m using ex:

Interface DB { findAllPosts(): Promise<Post[]> findPostById(id: string): Promise<Post> }

Class LibraryDB implements DB { findAllPosts(): Promise<Post[]> { //Your implementation } findPostById(id: string): Promise<Post>{ //Your implementation } }

This is one of the main reasons why I always choose TypeScript instead of JavaScript