React Native - amark/gun GitHub Wiki
this is tested on windows host , building for android
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