RM
Stop building form backends. Perfect for MVPs & validating ideas.
An example of how to permanently redirect a URL using Next.js. 301 is actually a 308, and how to wildcard path match within next.config.js
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.
The CSS 'position: sticky' was not working when I added an overflow value to an ancestor element. This piece explains why, and provides the solution.
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 Pages Router using headless WordPress. WP GraphQL registering code snippets, and step by step explanation.
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.
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.
