RM

  • Blog

Category: ReactJS

Tool we love - formbear.io

Ship Forms in 60 Seconds

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

AI and React Memo

React.memo: When AI Gets Performance Wrong

Last Updated: August 21, 2025

AI tools consistently misuse React.memo, adding overhead instead of optimization. Learn when memoization actually helps performance and when it hurts.

Migrating from Gatsby Js to Next JS using AI

Why My Gatsby to Next JS Migration Failed (And What It Taught Me About AI Workflows)

Last Updated: August 21, 2025

My Gatsby to Next.js migration with AI failed. But the failure revealed a crucial insight about prompt engineering and foundation-first development

Next JS with WordPress to create a manifest - Next 13 App Router

Create Manifest file in Next JS from Headless WordPress (App Router)

Last Updated: September 19, 2023

An example of how create a manifest file within Next JS App Router using headless WordPress. WP GraphQL registering code snippets, and step by step explanation.

Brand logos for WordPress Gravity Forms and Next JS

Using Gravity Forms with Headless WordPress and Next JS

Last Updated: August 21, 2025

Connect Headless WordPress Gravity Forms with Next JS 13. How to render form as React Component and pass form data back to WordPress securely.

Material UI Button Color Prop Update

Cannot read properties of undefined (reading ‘main’) – Solution

Last Updated: July 27, 2023

Solution and explanation of the error "Cannot read properties of undefined (reading 'main')". Caused by Material UI incorrect Migration.

Lazy Load React Components on Click

Lazy Load a React Component on Click

Last Updated: December 8, 2022

Looking to increase the speed of a React website? Want to split out components and only load them on click? Here is a solution for lazy loading React components on click.

Lazy load YouTube video iframe until click in React

On-Click Lazy Load YouTube Video Iframe in React

Last Updated: November 28, 2022

Video iframes are heavy. The JavaScript in the player is not needed immediately. Lets defer everything but thumbnail until the user presses play. Solution in React for YouTube.

Mocking A React Component In Jest

Testing with Jest and React Testing Library

Last Updated: April 28, 2023

A basic overview of testing with Jest and React Testing Library. What are the differences between the two? How should they be used?

Next JS with WordPress to create a manifest - Pages Router

Create Manifest file in Next JS from Headless WordPress (Pages Router)

Last Updated: September 19, 2023

An example of how create a manifest file within Next JS Pages Router using headless WordPress. WP GraphQL registering code snippets, and step by step explanation.

Mocking local storage in Jest tests

How to Mock Local Storage in Jest tests

Last Updated: November 21, 2022

A walkthrough on how to mock local storage in Jest tests, as well as how to clear storage in jest tests. Example included.

Adding Google AdSense to Gatsby website

Adding Google AdSense to Gatsby Website

Last Updated: July 27, 2023

Adding Google AdSense to a Gatsby Website. Lazy load the Google AdSense script to keep site speed fast. Examples and walk through in article.

Testing images in React with Jest

Test Images in React with Jest

Last Updated: November 21, 2022

Solution for testing that images have rendered in React using Jest. And how to test an image alt and src in jest using React. Including example code.

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

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