Solution to YouTube videos/iframes negatively effecting website load speed. Use Intersection Observer API To Lazy Load. React component included in article.
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.
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.
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.
Solved: Error 'Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.'. useEffect and useState to fix and dynamically set.
A solution to keyboard only navigation with a focus state for buttons and links. Purely HTML and CSS. An easy alternative to :focus-visible. Add a focus style when user navigates by keyboard.
Struggling to mock the Date in Jest using CRA? Need consistant global Date testing for React? This article provides the solution.
TypeError: Cannot set property 'fillStyle' of null when using lottie-react in Jest testing solved.
Experiment to show that Gatsby Image is not always the best option. By not using it, Google Insights LCP increases by several seconds.
Connect WordPress Gravity Forms with Gatsby when using a headless CMS. Simply render forms as React Components and pass form data back securely.