React Native

this is tested on windows host , building for android

ExpoGo Support Found here

prereqs:

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

step1: react-native bare tempalte

npx react-native init AwesomeProject

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

npx react-native@0.70.6 init AwesomeProject --version 0.70.6

step2: 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

step3: loading 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 should output the current logged in user in the console.. that's it .. noting in the the app is displayed.

what's nest?

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