@dorgtech/arc.react

Arc.react componentizes DAOstack's Arc.js library, enabling easier React application integration.

Usage no npm install needed!

<script type="module">
  import dorgtechArcReact from 'https://cdn.skypack.dev/@dorgtech/arc.react';
</script>

README

Arc.react

Warning: This library uses Arc v2 (Pre-Alpha). See disclaimer for more information

Arc.react componentizes DAOstack's Arc.js library, enabling easier React application integration.

Turn any React app into a DAO enabled dApp in just:

1...

npm i --save @daostack/arc.react`

2...

<Arc config={new ArcConfig("rinkeby")}>

3...

<DAO address="0xMY_DAO"></DAO>

Enabling you to build custom interfaces for displaying and interacting with your DAO's:

members...

<Members>
  <Member.Data>
    {(data: MemberData) => (
    <div>{data.address}</div>
    )}
  </Member.Data>
</Members>

proposals...

<Proposals>
  <Proposal.Data>
  <Proposal.Entity>
  {(data: ProposalData, entity: ProposalEntity) => (
    <div>
      <h1>{data.title}</h1>
      <button onClick={() => entity.vote({...})}>
        Up Vote
      </button>
      <button onClick={() => entity.vote({...})}>
        Down Vote
      </button>
    </div>
  )}
  </Proposal.Entity>
  </Proposal.Data>
</Proposals>

and any other entity within the DAOstack protocol!

Read The Docs

Check the demo app!

Build & Contribute

Prerequisites

  • nvm
  • docker
  • docker-compose

Running Playground

nvm install
nvm use
yarn
yarn start

Testing

yarn start:subgraph
yarn test