react-google-lighthouse-fab

React Floating Access Button (FAB) for Google Lighthouse Reports

Usage no npm install needed!

<script type="module">
  import reactGoogleLighthouseFab from 'https://cdn.skypack.dev/react-google-lighthouse-fab';
</script>

README

Google Lighthouse FAB

Showcase your app's performance with Google Lighthouse FAB.

A simple, easy-to-use react component.

This is a Floating Access Button component for Google Lighthouse Reports.

It's intended for developers that want to highlight their web applications' performance scores.

Demo

You can demo component via storybook.

Get Started

Begin by installing the component via npm:

npm install react-google-lighthouse-fab

Once installed, import the component into your project:

import { LighthouseFab } from 'react-google-lighthouse-fab';

Once imported, pass the component a gistId (where your lighthouse report is hosted):

<LighthouseFab gistId={your_reports_gistId}/>

Google Lighthouse Report

Google Lighthouse

Google Lighthouse Viewer

Google Lighthouse Viewer

Storybook

Storybook

Documentation

Docs

Contribution

If you'd like to expand upon the component, please submit a PR (I'll almost certainly approve it).

Authors

Matthew E. Miller

JAMM Software Systems