reactjs-scraper

React scraper

A simple, lightweight and customizable React component for scraping any website. We are using our own API from Algobook to make it possible. The API is free for anyone to use if you don't want to use this component. Link to API docs.

For full documentation of this widget, check out our doc page

Other free projects and APIs

For more cool and free open source projects and APIs, check out our website

Demo

A demo of how it can be used. The render function that are handling the HTML response should be provided by the consumer to do appropriate styling.

Custom styling

A demo with custom colors and a simple Copy to clipboard button. Implementation can be found on our documentaion page.

Default styling

Default styling and a very simple callback render function :)

Simple usage

Example of how the component can be used with default styling

import { ReactScraper } from "reactjs-scraper";

<ReactScraper
  renderFn={(content: string) => (
    <>
      <h3>Response:</h3>
      <div
        style={{
          height: "200px",
          width: "420px",
          overflow: "scroll",
          marginTop: "12px",
        }}
      >
        {content}
      </div>
    </>
  )}
/>;

Feedback

Is something missing? Not working? Or any feature requests? Just email us, we love to improve our software. Email can be found here.