안녕하세요 여러분!

최근에 저는 react-monetize와 제가 성취하고자 하는 것에 대해 만들었습니다. 오늘 나는 작동하는 MVP에 도달했으며 피드백, 기여, 아이디어 또는 원하는 모든 것을 받을 수 있도록 여러분과 공유하고 싶습니다.

반응 수익 창출이란 무엇입니까?

React 프로젝트에 새 항목Web Monetization API을 쉽게 통합하기 위한 도우미 및 후크 세트입니다.

SSR에서 사용할 수 있나요?

독립 실행형 React, Create React App 및 Next.js에서 테스트되었습니다. Gatsby, Preact 및 기타 프레임워크에서 작동하는지 확인하려면 추가 사용이 필요합니다.

어떤 기술을 기반으로 합니까?

현재 Typescript, React(>=16.8) 및 롤업. ESLint, Prettier 및 Jest가 곧 출시됩니다!

어떻게 사용할 수 있습니까?

설치, 사용 정보 및 예제는 Github 리포지토리에서 찾을 수 있습니다.

귀도비조소 / 반응 수익 창출

Web Monetization API와의 통합 속도를 높이는 도우미 및 후크

💸

반응 수익 창출

Helpers and hooks to speed up your integration with Web Monetization API

설치

현재 React, Create React App 및 Next.Js를 지원합니다.
Gatsby 또는 Preact에서는 아직 테스트되지 않았습니다.

yarn add react-monetize

용법

MonetizeProvider로 앱을 래핑하고 결제 포인터를 추가합니다.

You can read how to get one here: https://webmonetization.org/docs/receiving

import { MonetizeProvider } from 'react-monetize'
function App() {
  return (
    <MonetizePovider paymentPointer="myPaymentPointer">
      <YourApp />
    </MonetizeProvider>
  )
}
export default App;

이제 앱의 어느 곳에서나 사용할 수 있는 두 개의 후크가 있습니다.

사용상태

State는 이에 따라 Web Monetization API에서 제공하는 현재 상태입니다list.

import { useStatus } from 'react-monetize'
function Component() {
  const { state, events } = useStatus();

  return (
    <>
      <p>State: {state}

…

View on GitHub

마지막 생각들

언제든지 의견을 남기거나 에서 저에게 연락해 주세요.

당신이 그것을 좋아하고 좋은 한 주를 보내시기 바랍니다!