T&S

  • Need a Dev?

Filter by category:

  • Accessibility
  • DevOps
  • GatsbyJS
  • JS
  • ReactJS
  • Testing
  • WordPress
Gatsby Plugin Image Banner

An Introduction to Gatsby Plugin Image

Last Updated: 4 March 2021

A run down of what to expect from the new Gatsby Plugin Image components, how to use it, and how it differs from the original Gatsby Image.

Dynamically set an Account ID in Stripe using loadStripe

Last Updated: 16 October 2020

Solved: Error 'Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.'. useEffect and useState to fix and dynamically set.

Focus Style CSS for Keyboard Navigation

Last Updated: 22 September 2020

A solution to keyboard only navigation with a focus state for buttons and links. Purely HTML and CSS. An easy alternative to :focus-visible. Add a focus style when user navigates by keyboard.

How to Mock the Date in Jest Consistently

Last Updated: 2 September 2020

Struggling to mock the Date in Jest using CRA? Need consistant global Date testing for React? This article provides the solution.

React Jest Tests Failing Using Lottie.js Solved

Last Updated: 9 August 2020

TypeError: Cannot set property 'fillStyle' of null when using lottie-react in Jest testing solved.

Do Not Use Gatsby Image Above the Fold

Last Updated: 1 March 2021

Experiment to show that Gatsby Image is not always the best option. By not using it, Google Insights LCP increases by several seconds.

How to use Gatsby with WordPress and Gravity Forms

Last Updated: 15 June 2020

Connect WordPress Gravity Forms with Gatsby when using a headless CMS. Simply render forms as React Components and pass form data back securely.

What is Optional Chaining in JavaScript?

Last Updated: 7 June 2020

Conditionally access JavaScript object without returning an error. Shorter and simpler to implement, and returns null or undefined. Alternative to Lodash get.

An Intro to Recoil. The State Management Library for React

Last Updated: 22 September 2020

Recoil is a minimal experimental state management library for React. This article gives an overview of its benefits and how to use Recoil. If you have used Redux or React Context with Providers, the concept is very...

How to use componentWillUnmount in Functional Components in React

Last Updated: 17 September 2020

Functional components are far more efficient than class based components. Less code is needed to achieve the same goal.This post explains how functional components can carry out life-cycle events without needing to be...

  • Page 1
  • Page 2
  • Page 3
  • Next Page (2)
By Robert Marshall & Gatsby