RM

  • Blog

Category: JS - Page 3

Tool we love - formbear.io

Ship Forms in 60 Seconds

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

deploy Gatsby site onto hosting with sftp

Easily Deploy Gatsby Site onto Shared Host With SFTP

Last Updated: September 29, 2022

Use SFTP to deploy a Gatsby Site onto hosting easily. A solution to automatically deploy Gatsby public folder to a server with SFTP.

warn chunk commons [mini-css-extract-plugin] gatsby js on Laptop

Fix warn chunk commons [mini-css-extract-plugin] error in Gatsby JS

Last Updated: September 29, 2022

Solution for 'warn chunk commons [mini-css-extract-plugin]' error in Gatsby JS error in log. Conflicting order warning.

aMaterial UI React Updated Causes Error disableBackDropClick

“disableBackdropClick of ForwardRef(Dialog) is deprecated” – Solution and Example

Last Updated: September 29, 2022

Updating React Material UI Core causes error: 'Failed prop type: The prop `disableBackdropClick` of `ForwardRef(Dialog)` is deprecated' - SOLVED! With example.

media.net scripts added to React website

How to Add media.net Advert Scripts to a React Website

Last Updated: September 29, 2022

Solution for adding media.net ad script to React website. Provides a React component for showing media.net adverts. Simple example of how to add script to a website.

Lazy Load YouTube Videos in React

Lazy Load YouTube Video Iframe – Show on Scroll

Last Updated: December 1, 2022

Solution to YouTube videos/iframes negatively effecting website load speed. Use Intersection Observer API To Lazy Load. React component included in article.

Small dog doing React component unit testing

Check React Component Props are Passed to Child in Jest Unit Test

Last Updated: November 21, 2022

How to unit test a React parent component logic, and check that a child component is passed the correct props. Test if a component is called with expected argument using React Testing Library.

Measure an Asynchronous Function and Delay by X Seconds with SetTimeout in JavaScript

Measure Asynchronous Function and Delay by X Seconds with SetTimeout in JavaScript

Last Updated: September 29, 2022

Helper function to measure the execution time of code in JS and add X seconds to delay. Time asynchronous function and sleep code for specific time, including await time.

Gatsby Plugin Image Banner - Introduction to Gatsby Image

An Introduction to Gatsby Plugin Image

Last Updated: September 29, 2022

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.

Stripe logo on colourful gradient next to payment app mockup

Dynamically set an Account ID in Stripe using loadStripe

Last Updated: July 29, 2023

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

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.

  • Prev Page (2)
  • Page 1
  • Page 2
  • Page 3
  • Page 4
  • Page 5
  • 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