We're excited to announce the Alpha release of Sort's React Components: https://github.com/sortxyz/react-components. This release marks our first iteration of simplifying data-rich UIs for Web3.

We're initially starting with three core components for building data rich UIs:

• <LatestTransactions/> - Displays a pageable table of the latest transactions of a contract address.
• <SQLQuery/> - Easily include blockchain data from a Sort SQL Query in your application.
• <PushNotifications/> - Show real-time transactions for a contract.

All three components support Ethereum, Polygon and Goerli data sources.

LatestTransactions

The <LatestTransactions/> React Component displays a pageable table of the latest transactions of a contract address.

<LatestTransactions
  contract_address="0xd1f9c58e33933a993a3891f8acfe05a68e1afc05"
  chain="polygon"
  api_key="API_KEY"
  theme="dark"
/>

Preview:

SQLQuery

The <SQLQuery/> React Component lets you easily include blockchain data from a Sort SQL Query in your application.

<SQLQuery
  query="select * from polygon.transaction where to_address='0xd1f9c58e33933a993a3891f8acfe05a68e1afc05' order by block_id desc"
  api_key="API_KEY"
/>

Preview:

PushNotifications

The <PushNotifications/> React Component lets you easily include live blockchain transactions into your application.

<PushNotifications
  contract_address="0xd1f9c58e33933a993a3891f8acfe05a68e1afc05"
  contract_function=""
  num={10}
/>

Preview:

Get Started Today

Head over to Sort to create a free API Key and start building today. Let us know what you think by opening issues in the repo for new feature requests, feedback, or general questions.

P.S. Interested in a free Sort hoodie? Complete our Developer Survey and we'll mail you one!

-- Your friends at Sort