more-pouchdb-changesのより広範囲な実装コード

Question

私はpouchdbとreactの両方に全く新しいです。 react-pouchdb-changesというモジュールが、私が使いたいと思っているものとまったく同じように見えました。

しかし、それが提供するサンプルコードはあまりにも希薄です - 私は実際にどのように基本的な反応アプリケーションに組み込まれるかについては迷っています。

誰かが、各作品の基本的な説明とともに、より完全な使用例を提供できますか？

Answer 1

このモジュールは、changesメソッドの単なるラッパーのようです。あなたはライブの例を得ることができますhere。リンク先はdocumentationです。

これで十分な情報が得られない場合は、API referenceの例と回答の例をご覧ください。

Answer 2

どのように反応-pouchdbの変更をReactと統合するかはあなた次第です。 onChangeハンドラを置くためのコンポーネントを提供するだけです。

<PouchDBChanges 
    … 
    onChange={change => console.log(change) /* do something useful with the change here instead of just logging it! */} 
> 
{/* your <App> component here */} 
</PouchDBChanges> 

はちょうどあなたのJSXコードでコンポーネントを使用（メインコンポーネントまたはそれに任意のコンテナコンポーネントをラップ）：コード例のこれらの部品は、関連するものです。

反応の例を設定することが困難な場合は、create-react-appを試してみてください。あなたは数秒以内に実行中のReactアプリを持っています。 <PouchDBChanges>コンポーネントを追加するのに適した場所はsrc/App.jsです。最も外側の<div>をコンポーネントで囲むだけです。