Adam Henson

React is one of the most popular JavaScript frameworks nowadays, but how do beginner web developers enter such a complex world of frameworks. This post aims to break things down and guide the learning process of React.

Read more

This post compares React and Web Components. We take a look at React's virtual DOM and compare it to the shadow DOM of Web Components and more.

Read more

Announcing our new tutorial section with posts diving deep into darker realms of our website and service from simple topics like monitoring page experience with Lighthouse to staying on top of SEO with Slack notifications.

Read more

Learn how to configure Slack with Foo's Lighthouse monitoring to keep you in the loop when page experience has improved or degraded.

Read more

As Google search becomes more reliant on page experience, Foo can help ensure best SEO results by monitoring your websites automatically all day. This post explains how to monitor Lighthouse scores

Read more

Lighthouse 9 was launched a couple weeks ago and introduced some interesting features. In this post we recap the release of Lighthouse 9.

Read more

State and data management is a complicated when it comes to React. This post illustrates a modern approach with Recoil and Apollo GraphQL Client.

Read more

With our website redesign we revamped our technology stack. This post reviews choices including Next.js, GraphQL, MUI (Material UI), and TypeScript.

Read more

As Google continues steps towards a new search algorithm change focused on page experience, Foo has released version 2 of its REST API to automate Lighthouse testing. This post provides examples of how to use each of the new REST API endpoints to manage pages and Lighthouse audits on Foo.

Read more

In the twists and turns of software engineering, it can be difficult to define a testing strategy. In this article I emphasize the priority of user experience and propose a simple set of guidelines for front end testing with the help of React Testing Library.

Read more

In this post I highlight a few current and upcoming features / libraries we can utilize to boost website performance in our React websites.

Read more

PageSpeed Insights is a Google project that has drastically evolved over the past few years. This post explains how Foo uses PageSpeed Insights API for page experience monitoring with Lighthouse.

Read more

The new Google Search algorithm has been announced to rollout in May, 2021 to prioritize page experience, quantified by Web Vitals and Lighthouse. Find out how you can use Foo to help prepare.

Read more

In this post we'll go over how to setup Slack notifications to trigger when Lighthouse audit scores change. Stay on top of website performance, SEO and more by monitoring with Foo.

Read more

Among the many recipes of frameworks, a popular combination these days is React with Next.js. It would be an oversight to assume we're automatically covered in terms of performance. Let's take a dive in performance implications of React with Next.js.

Read more

A guide to use Data Studio for visualizing Lighthouse data. Get started with our Data Studio connector to view and analyze beautiful charts.

Read more

CircleCI is a popular tool for orchestrating CI/CD pipelines. Lighthouse is an open-source project from Google for improving the quality of web pages. It provides user-centric metrics to audit SEO, performance, accessibility, best practices, and progressive web apps.

Read more

Lighthouse is an open-source project by Google that gives you a way to measure web page performance. It has configurable settings for reproducing various conditions. You can set network and device type to simulate, for example.

Read more

GitHub Actions are used to automate software engineering workflows. Similar to tools like CircleCI, Jenkins, Travis and many others, GitHub Actions provides a declarative API for defining workflows.

Read more

In the past we viewed website performance from a pinhole. User experience design and development is vastly different nowadays as we accommodate a variety of devices and network conditions.

Read more

Whether you're running on CircleCI, Jenkins, GitHub or others - we got you covered! Find implementation docs here.

Read more

Trigger Lighthouse audits by using the Automated Lighthouse Check API. Learn more!

Read more

Track SEO, performance, accessibility, best practice and progressive web app standards. Get started here!

Read more

Typically when we think of web page performance, we think of the time it takes for a page to load. Traditionally, we used JavaScript events on the window object such as DOMContentLoaded and onload. Nowadays, life cycle of a web page load can be thought of more granularly. > So rather than measuring load with just one metric, we should be measuring the times of every moment throughout the experience that can have an affect on the user's load perception.~ User-centric Performance Metrics | Googl

Read more