Creating custom react hooks. Infinite scrolling example.

App.jsx

import React from "react";

const App = () => {
  // Fetching fake data from an online API for this example
  let tableContents = fetch("https://jsonplaceholder.typicode.com/todos/");
  return (
    <div>
      <table>
        <thead>
          <tr>
            <th>User ID</th>
            <th>Title</th>
          </tr>
        </thead>
        <tbody>
          {tableContents.map(content => {
            return (
              <tr>
                <td style={{ paddingTop: "10px" }}>{content.userId}</td>
                <td style={{ paddingTop: "10px" }}>{content.title}</td>
              </tr>
            );
          })}
        </tbody>
      </table>
    </div>
  );
};

export default App;