React でどこまでユーザーがコンテンツを見たか既読管理してみる | DevelopersIO西田@大阪@MAD事業部です Reactでユーザーがどこまでコンテンツを見たか、既読管理をする仕組みを調べてみました ユーザーがコンテンツを見たか判定する仕組み コンテンツが viewport に入ったらユーザーがコンテンツを見たと判定します。viewportにコンテンツが入ったことを検知するために Intersection Observer APIを使用します 構成 コンテンツがviewportに半分入ったらコールバック関数を呼び出すコンポーネント Container.tsx を作成し、それを App.tsx でインポートして使用してます 完成イメージ ソースコード src/Container.tsx import React, { useEffect } from 'react'; type Props = { index: number; onIntersection?: (inde
