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 create a manifest file within Next JS using headless WordPress. WP GraphQL registering code snippets, and step by step explanation.
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 a Gatsby Website. Lazy load the Google AdSense script to keep site speed fast. Examples and walk through in article.
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.
Solution to using WordPress shortcodes in NextJS. Replace WordPress shortcode with React Component in NextJS simply.
How to mock a React component in a jest unit test. Example of how to mock a default or named component using React Testing Library.
Examples of how to use within in Jest and React Testing Library to target a specific section of the component. Restrict Jest queries to a particular element. Inside the context of a DOM node.
