Talk Foo

Articles about ideas, concepts and experiences in software engineering.

React Feb 13 2022

Will Web Components Replace React?

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.

Lighthouse Apr 16 2023

Lighthouse 10 Score Improvements, Audit Changes, and TypeScript

As the Lighthouse project evolves, Foo will continue to utilize its maximum potential and stay up to date with new versions. Lighthouse 10 introduced interesting and pretty major changes including performance score improvements!

about Jan 5 2022

Introducing Foo Tutorials: Learn Relevant Technologies and How to Use Our Services

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.

Lighthouse Nov 28 2021

Lighthouse 9 Refreshed Reports, User Flows and Accessibility Updates

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

GraphQL Sep 28 2021

Managing Data and State: React Hooks, Recoil and Apollo GraphQL Client

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

Next.js Sep 20 2021

Next.js, GraphQL, Recoil, MUI and More: A New Web Stack Reviewed

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

REST May 7 2021

A New Lighthouse REST API to Automate Testing for a New Day in SEO

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.

React Apr 15 2021

Integration Tests, Unit Tests and React Testing Library

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.

React Jan 14 2021

Website Performance in 2021: React Server Components, Next.js Static Generation, and Linaria Zero Runtime CSS

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

Lighthouse Dec 14 2020

Monitoring Page Experience with PageSpeed Insights API and Lighthouse

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.

Lighthouse Nov 11 2020

How to Prepare for Google's New Page Experience Search Algorithm

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.

Lighthouse Oct 30 2020

Lighthouse Website Monitoring with Slack Notifications

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.

React Aug 16 2020

Website Performance with React and Next.js

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.

Looker Studio Jul 2 2020

Lighthouse Looker Studio Connector

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

circle ci Jan 14 2020

How to use Lighthouse in CircleCI

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.

SEO Dec 17 2019

How to Analyze Website Performance with Lighthouse

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.

GitHub Action Dec 17 2019

How to use Lighthouse in GitHub Actions

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.

SEO Dec 17 2019

Continuous Front End Website Performance Testing

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.

Dev Ops Dec 28 2019

Automated Lighthouse Check: How to Implement in DevOps

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

Lighthouse Dec 27 2019

Automated Lighthouse Check: How to Use the API

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

Lighthouse Dec 17 2019

Automated Lighthouse Check: Getting Started

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

Website Performance Jan 4 2020

What is Website Performance?

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