React

Looking to create your own PluginSidebar but want to use React or Material UI for your components instead of createElement? Look no further! This post walks you through creating a Plugin, Creating the Plugin Sidebar, Webpack & Babel Configurations, and Using WordPress Data stores to hook up to Material UI components. This post has everything …

If you’ve just recently started learning how to create WordPress Blocks, then you’re probably familiar with the @wordpress/create-block package that allows you to quickly create a plugin and block all at once! This is an amazingly fast build tool, but it can be hard to know how to update your brand new plugin to feature …

If you’re familiar with React hooks but don’t know how to create a custom hook in React, this post is for you. I’ll provide you with a simple to understand custom hook from scratch so that you can get started making your own custom React hooks today! Before we begin Before we get started, I’ll …

If you’re looking to test a React text input by typing into it with userEvent, you are in the right place. I’ll show you how to test that text has been typed into a text input. This post will walk you through how to update to userEvent 14, and how to write a simple unit …

This post will walk you through how to unregister a block to successfully hide a WordPress block from the inserter depending on the template or template part of a Block Based Theme. This post is meant for theme and plugin developers looking to dynamically control where a specific block can be added to a WordPress …

Looking to get React Testing Library set up in your Vite project quickly? You found the post you’re looking for. Let’s dig in. This post is broken down into 2 sections. One to set up React Testing Library with Vite in a regular Javascript project and the other to set up React Testing Library in …