React Native support about liveblocks HOT 4 CLOSED

Based on @vinodsantharam feedback and some investigation, it's possible to use @liveblocks/client and @liveblocks/react with React native, but it requires some work. I'm reopening this issue to keep track of what could be improved to officially support React native.

Here are the necessary work around as of v0.14.1:

• use a polyfill for atob (used to parse jwt token)

import {decode, encode} from 'base-64';

if (!global.btoa) {
  global.btoa = encode;
}

if (!global.atob) {
  global.atob = decode;
}

• Patch window.addEventListener to not crash on window.addEventListener("online").

window.addEventListener = () => {};

To officially support it, we need to:

• Not crash on window.addEventListener.
• Give a clear error message when atob is not defined.
• Optional but it would great to use @react-native-community/netinfo to reconnect faster instead of waiting for the heartbeat.
• And of course, official documentation

from liveblocks.

We now have an official example: https://github.com/liveblocks/liveblocks/tree/main/examples/react-native-todo-list

from liveblocks.

Hi @dynamichny,

To be completely transparent with you, we didn't try @liveblocks/client and @livebocks/react with react native, but my understanding is that it should work since we only depend on fetch and WebSocket. If it does not work for some reason, we will make sure to fix the issues to make it work!

from liveblocks.

for the online listener, maybe you could do what react-query does, and let people register their own listener.

from liveblocks.