React Native

this is tested on windows host , building for android

ExpoGo Support Found here

prereqs:

• some experience using gun and sea
• node_version 16
• react-native dev env = https://reactnative.dev/docs/0.70/environment-setup

Step 1: react-native bare template

npx react-native init AwesomeProject

or specific version (see versions set in 2 spots) *using prereqs

npx [email protected] init AwesomeProject --version 0.70.6

Step 2: install packages

npm install text-encoding buffer   #for gun/sea deps
npm install github:bmatusiak/gun-rebuild github:bmatusiak/gun-rebuild-sea github:amark/gun   #for gun/sea
npm install react-native-webview react-native-webview-crypto react-native-get-random-values  #for crypto
npm install @react-native-async-storage/async-storage   #for gun storage

Step 3: load gun (App.js)

import React, {useRef, useEffect} from 'react';
import PolyfillCrypto from 'react-native-webview-crypto';
import 'react-native-get-random-values';
import 'gun/lib/mobile';
import Gun from 'gun';
import 'gun/sea';
import 'gun/lib/radix.js';
import 'gun/lib/radisk.js';
import 'gun/lib/store.js';
import AsyncStorage from '@react-native-async-storage/async-storage';
import asyncStore from 'gun/lib/ras.js';

export default function App() {
  var gun = (gun_ref => {
    if (gun_ref.current == null) {
      gun_ref.current = Gun({
        peers: 'https://gun:8765/gun',
        store: asyncStore({AsyncStorage}),
      });
    }
    return gun_ref.current;
  })(useRef(null));
  useEffect(function () {
    (async function () {
      var pair = await Gun.SEA.pair();
      gun.user().auth(pair, function () {
        console.log(gun.user().is);
      });
    })();
  }, []);
  return (
    <>
      <PolyfillCrypto />
    </>
  );
}

What just happened?

The above example should output the current logged in user in the console. That's it, nothing in the the app is displayed.

What's next?

This documentation is new, so check the old one React-Native-Example