react2-lighthouse-viewer

This component is a React wrapper for the lighthouse-viewer. It depends on [lighthouse-viewer](../lighthouse-viewer), package that exports the original lighthouse-viewer from Google as an ES modules package.

Usage no npm install needed!

<script type="module">
  import react2LighthouseViewer from 'https://cdn.skypack.dev/react2-lighthouse-viewer';
</script>

README

react2-lighthouse-viewer

This component is a React wrapper for the lighthouse-viewer. It depends on lighthouse-viewer, package that exports the original lighthouse-viewer from Google as an ES modules package.

Getting started

  1. Install using npm install react2-lighthouse-viewer or yarn add react2-lighthouse-viewer
  2. Import in your project:
import React2LighthouseViewer from "react2-lighthouse-viewer";
  1. Load the component in your code as follows:
<div id="app">
  <React2LighthouseViewer json={json} />
</div>
  1. That's all!