DEV Community

loading...

Discussion on: Announcing react-monetize ⚛️

Collapse
emma profile image
Emma Goto 🍙

You can also check out this repository for some inspiration:

GitHub logo sharafian / react-web-monetization

React component that lets you access the state of Web Monetization

React Web Monetization

React module that lets you access the state of Web Monetization

Examples

This repo contains several usage examples in example/. To host the site and view the examples, run:

cd example
npm install
npm start

Then go to http://localhost:3000.

Usage

Enabling Web Monetization

You will still need to insert the Web Monetization meta tag into your document's <head>. This should be done in the HTML file that react renders into, not in React.

For a specification of this meta tag, see Interledger RFC 0028

Web Monetization State Hook

This hook will update when the first web-monetization micropayment occurs on the page and the state goes from pending to started.

import React from 'react'
import { useMonetizationState } from 'react-web-monetization'
const MyMessage = props => {
  const monetization = useMonetizationState()
  return <p&gt
    {monetization.state ===
Collapse
guidovizoso profile image
Guido Vizoso Author

Thanks Emma! I've already seen it. Definitely will be listed as a source of inspiration on the repo.