If you want to learn how to create a fluid CSS grid with static measurements (such as px), this article is for you! What is a fluid grid? Creating a responsive CSS Grid is pretty easy in theory. You could set up your body tag as a 3X3 fluid grid by setting the display to …
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 …
Looking for a quick start guide to test a text input in Jest with fireEvent? Great! Let’s get started. This guide shows you just how to write your React Testing Library (RTL) test to test the value state of your text input by firing the onChange event with fireEvent. If you’re looking to test a …
Want to create a React list in minutes with Vite, MUI, and Redux? Awesome! This post will get you a list app up and running within minutes. First, we’re going to introduce a new way to create a react app besides using CRA (Create React App). Instead of using CRA, we’ll be using Vite. Vite …