RM

  • Blog

Tag: Teaching - Page 3

Tool we love - formbear.io

Ship Forms in 60 Seconds

Stop building form backends. Perfect for MVPs & validating ideas.

White keyboard

Focus Style CSS for Keyboard Navigation

Last Updated: November 10, 2022

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.

Calendar showing one date highlighted for Jest mock article

How to Mock the Date in Jest Consistently

Last Updated: November 21, 2022

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

Lottie and Jest Logos

React Jest Tests Failing Using Lottie.js Solved

Last Updated: September 29, 2022

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

Gatsby image above the fold

Do Not Use Gatsby Image Above the Fold

Last Updated: December 3, 2022

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

Brand logos for WordPress Gravity Forms and Gatsby

How to use Gatsby with WordPress and Gravity Forms

Last Updated: August 1, 2023

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

Metal Spring Recoil

An Intro to Recoil. The State Management Library for React

Last Updated: December 1, 2022

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

React logo in white on a blue background

How to use componentWillUnmount in Functional Components in React

Last Updated: November 28, 2022

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

Gatsby JS and AWS icon on purple background

How to deploy Gatsby on AWS with CI without Amplify

Last Updated: September 29, 2022

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.

Moving documents from one place to another

Pulling Ordinary Files from WordPress Media Library Using Gatsby Resolvers

Last Updated: September 29, 2022

Access all files (not just images) from WordPress media library in Gatsby using custom resolvers and createremotefilenode. Uses gatsby-source-filesystem to add to query.

Purple pattern

Gatsby Source Plugin Starter Example Breakdown

Last Updated: September 29, 2022

I recently published an article covering the development of a custom Gatsby Source Plugin. To help get off the ground faster I created a starter repository. I didn’t want to include too much details in the...

Cat laying on keyboard

Gatsby JS Source Plugin Tutorial Step by Step for Beginners

Last Updated: September 29, 2022

A simple step by step guide for creating a Gatsby JS source plugins, to help developers new to the eco-system. Includes starter templates to get you moving!

ESLint logo pattern

ESLint Snippets To Disable Linting

Last Updated: September 29, 2022

How to ESLint disable line, section, or whole page of code. Examples for ELint disable next line and other ESLint disable rules.

  • Prev Page (2)
  • Page 1
  • Page 2
  • Page 3
  • Page 4
  • Next Page (4)

Helpful Bits Straight Into Your Inbox

Subscribe to the newsletter for insights and helpful pieces on React, Next JS, Headless WordPress, and modern web development.

Powered ByFormBear
By Robert Marshall