How to use the unit testing pattern Arrange Act Assert, and why the three As are so useful. Example of how to use arrange-act-assert with a JS function.
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.
Using React MUI DatePicker dynamically lazy load date-fns locale files for localization. Reduce page size, speed up load time. Full working example and how to solution. Import locale files from date-fns.
Solution to using WordPress shortcodes in Gatsby. Replace WordPress shortcode with React Component in Gatsby simply. No MDX needed.
Tutorial for headless WordPress Gravity Forms with Gatsby Frontend. Step by step guide to rendering forms as React Components and handling submissions.
Use SFTP to deploy a Gatsby Site onto hosting easily. A solution to automatically deploy Gatsby public folder to a server with SFTP.
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.
Connect WordPress Gravity Forms with Gatsby when using a headless CMS. Simply render forms as React Components and pass form data back securely.