Search for a command to run...
React's useEffect hook is an important tool for managing side effects in your functional components. In this post, we'll look at when your effects run. Effects run on the initial render Every effect runs at least once when your component first render...
Sandpack is a lightweight code playground built by the CodeSandbox team. With Sandpack, you can compose built-in and custom React components to create unique experiences for your end users. In this post, we're going to focus on the built-in SandpackP...
State management is a critical part of most front-end applications. In React, you have a few mechanisms to track state, but two common ones are the useState and useRef hooks. If you're not familiar with these hooks, it can be confusing to know when t...
I've been using code playgrounds in my blog posts for a while now. They're a great way to make the content more engaging and informative. The easiest way to do this is to embed something like CodeSandbox or StackBlitz into the post. That said, while ...
Have you ever needed to make sure your website works with both www and non-www versions? I did too! My website is served at https://thesshguy.com, but I also wanted https://www.thesshguy.com to work. The Problem with Two Versions The first thing I tr...
The introduction of hooks made state management much easier in React. With the useState hook, you're given a tuple where the first element is the current state and the second element is a function used to update that state. For primitive types like s...
The useState hook is a basic building block for state management in React. Using the hook is pretty straightforward. The function returns a tuple with the current state and a function to update the state. Here's a basic example: In this example, we...
If you want to have effective SEO, it's important to understand how Google Search indexes your web pages. Before indexing a page, Google needs to crawl your website. Google uses bots called crawlers to find pages to index. Once the crawler finds your...
One of the new features in React 19 is the use API. The basic idea is that the use API can fetch resources during React's render cycle. Instead of doing something like fetching data in an effect and updating the component state, we can get the data d...
