RM
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.
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.
A basic overview of testing with Jest and React Testing Library. What are the differences between the two? How should they be used?
An example of how to use a WordPress favicon within Next JS. WP GraphQL registering code snippets, and step by step explaination.
A walkthrough and example of how to use Yoast sitemap XML files from a headless WordPress install in Next JS.
Sometimes when writing Jest unit tests you are going to want to be able to loop over items to quickly test different cases. Whether this be looping over an array of items, or counting between numbers in your Jest Test....
Solution to Vimeo videos/iframes negatively effecting website load speed. Use Intersection Observer API To Lazy Load. React component included in article.
Adding Google AdSense to a Gatsby Website. Lazy load the Google AdSense script to keep site speed fast. Examples and walk through in article.
Why would you use ES6 modules in JavaScript? How to import and export ES6 modules? This article is the beginners guide to ES6 Modules.
How to mock es6 modules? Solution for how ES6 modules can be mocked in Jest unit tests. Mocking es6 modules with Jest.
