RM
A basic overview of testing with Jest and React Testing Library. What are the differences between the two? How should they be used?
A walkthrough on how to mock local storage in Jest tests, as well as how to clear storage in jest tests. Example included.
How to use Arrange Act Assert pattern in unit testing, and why it is so helpful. Arrange-Act-Assert is powerful because it is simple. By keeping the tests short and concise means clean tests.
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.
