dm3 workshop

dm3-workshop.md

Create new REACT app

yarn create react-app dm3-demo-app --template typescript

Include dm3 package

cd dm3-demo-app
yarn add dm3-react

Create .env file

create this file in the root of the project

REACT_APP_ADDR_ENS_SUBDOMAIN=".beta-addr.dm3.eth"
REACT_APP_USER_ENS_SUBDOMAIN=".beta-user.dm3.eth"
REACT_APP_DEFAULT_DELIVERY_SERVICE="beta-ds.dm3.eth"
REACT_APP_BACKEND="https://dm3-beta2.herokuapp.com"
REACT_APP_DEFAULT_SERVICE="https://dm3-beta2.herokuapp.com"
REACT_APP_RESOLVER_BACKEND="https://dm3-beta2-resolver.herokuapp.com"

get file: .env

Import dm3 pack into app

open src/App.tsx

// @ts-ignore
import { DM3 } from 'dm3-react';

Add dm3 widget

<DM3
   defaultServiceUrl={process.env.REACT_APP_DEFAULT_SERVICE}
   showAlways={true}
/>

Add some resources

add pictures in public:

favicon.png

dm3_logo.png

Add/Change configurations

   defaultContact={'<ens_name>'}
   showAlways={true/false}
   showContacts={true/false}