React
Overriding Next.js Link and Image Components
Next.js ships with these two incredibly useful utility components. You can further abstract these to clean up your code.
Use a Class Map to Set Dynamic Styles
Components often need to use styling based on property combinations. There are a number of ways to solve this, but only one I’ve found to be the cleanest.
How to Add SVG Icons to a React Project
Vector icons have become an essential part of nearly every web project. Stay consistent and organized when adding icons to a React project.
Difference Between React and Vue.js
React and Vue are two of the most popular component frameworks used in modern website development. Let's break down the differences between these two everyday tools.
Open External next/link Links in a New Tab
Add a component that dynamically swaps between next/link and a native anchor tag, and decides how to write the target attribute, all based on the href property.
Run React Effect Hook only Once in Strict Mode
Running React in strict mode with Next.js can lead to useEffect callbacks with zero dependencies to run twice in development. Here’s a way around that.
Avoiding an Infinite Loop in the useEffect Hook
It’s surprisingly easy to create infinite loops in React.
Storing Multiple Elements in a Single Ref in React
In some cases, you may want multiple references in a component of unknown quantity. Here’s how you can make it work.
Animated Sliding Tabs with React and Tailwind
Add some flair to a simple tab solution by adding an animated bottom border.