Category: JS - Page 3

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.

Solution for error 'RangeError: timeZone is not supported.' when unit testing Intl API. Caused by Node not supporting time zones

Use SFTP to deploy a Gatsby Site onto hosting easily. A solution to automatically deploy Gatsby public folder to a server with SFTP.

Solution for 'warn chunk commons [mini-css-extract-plugin]' error in Gatsby JS error in log. Conflicting order warning.

Updating React Material UI Core causes error: 'Failed prop type: The prop `disableBackdropClick` of `ForwardRef(Dialog)` is deprecated' - SOLVED! With example.

Solution for adding media.net ad script to React website. Provides a React component for showing media.net adverts. Simple example of how to add script to a website.

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.