Before you proceed... If you haven't read my useMemo article yet, I highly suggest you go back and do so now! In that article, we covered important concepts like memoization , which we will continue discussing below. Since useMemo and useCallback are similar (with…
Up until this point in the series , I have been generally familiar with the hooks we've covered and have used them before at work. It wasn't until I recently started working in a new codebase that I came across useMemo . Not understanding how it worked or how to debug it…
Putting things in Context Context is one of my favorite React APIs and has a wide variety of uses cases. I've previously written about redoing a search UI using ref s and Context , as well as how to use the useRef hook . This time around, we're going to cover the…
What are refs? If you read my last article , about the differences between useEffect and useLayoutEffect , you may remember seeing some code snippets that looked like this: In these examples, we're directly accessing the DOM in order to select and manipulate an element…
Last time, we learned about the useEffect hook , how it works and when to use it. If you have not read that article yet, I strongly suggest you go back and do so before proceeding any further . Much of what we will discuss below will be about the similarities and…
In my last article , we learned about one of the most commonly used hooks, useState . This time around, we are going to look at another commonly used hook: useEffect : By using this Hook, you tell React that your component needs to do something after render. React will…
One of the first hooks you'll probably encounter is useState , which replaces the setState() function used to update state in class components. The big difference here, however, is that useState allows function components to have multiple state values as opposed to one…
Hooks are functions that let you “hook into” React state and lifecycle features from function components [React docs] Introduced in React v16.8 , the hooks API represents a change in how developers compose their components. Intended to compartmentalize blocks of…
Let's face it. Development is hard. While developers have a multitude of concerns when building software, some of them simply aren't worth worrying about. In my mind, the enforcement of coding style and convention fall squarely within this category. As Ryan Warner informed…
During the onboarding process for my new job at Fauna , I was tasked with setting up my local development environment. However, since Fauna devs use work-specific GitHub accounts, a new challenge presented itself during the process: managing SSH keys and identities for…
What are Scenes? Like I’ve said in the past , I like to think of OBS as a TV switcher because it allows you control Scenes as if they’re camera shots. But what exactly is a Scene? Scenes are OBS canvases comprised of one (or more) visual elements, all of which can be resized…
I just started live streaming. I’ve done it exactly twice. I wasn’t sure what to expect before I started and, at times, didn’t even know where to start. But now that I’m up and running on Mixer , I have found it to be an awesome experience. It gives me a great excuse to…
Recently, the product team at my company discovered the majority of our users were not utilizing filters when using our search interface. After looking at our analytics, it became apparent users weren’t engaging with filters because they didn’t know they existed. To fix this…
For frontend developers, JavaScript frameworks have become increasingly important due to how fundamentally they change the way we approach building our applications. While not everyone uses them professional, or at all, the development community sure loves to talk about them…
Before becoming a developer, I spent a decade working in film and television, so when I first started transitioning into tech, I spent a lot of time networking, going to Meetups and having coffee with other developers. I was primarily interested in finding out what I needed…
As developers, we use a variety of tools and open source packages to make our jobs easier. Some of them are so widely used throughout the community that they seem native to JavaScript. Though they're not, they can fundamentally change how you write code on a daily basis…
