T&S

  • Need a Dev?

Filter by category:

  • Accessibility
  • DevOps
  • GatsbyJS
  • JS
  • ReactJS
  • Testing
  • WordPress
Stripe logo on colourful gradient next to payment app mockup

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: 2 September 2020

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...

How to deploy Gatsby on AWS with CI without Amplify

Last Updated: 13 June 2020

A step by step process of deploying Gatsby static sites on AWS without Amplify. Solution to 'Deploy fails with "[ERROR]: Failed to deploy'. Gatsby deploy with AWS CI.

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