Posts (Page 10)
Written content to help you along your web development journey, without forgetting to have some fun along the way.
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.
Styling Placeholders for Select Fields
A (limited) CSS-only approach for styling placeholders, along with a way to work around the limitations with a custom JS-based solution.
Remove Related Videos from YouTube Embed
Hide the “more videos” section on an embedded YouTube video with this quick tip.
Run a Single Jest Test
Learn how to run a single test within a file, how to target a series of tests within a file, or how to only target a single file when using Jest.
2 Methods for Running Multiple Jest Suites in the Same Project
Multiple approaches on running a subset of Jest tests within a project.
Pro Tip: Use “1.” for Every Ordered List Item when Writing Markdown
A quick tip for making ordered lists in markdown easier to write.
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.
Use a Preceding Space in Terminal to Hide from History
This is a trick to running commands that you don’t want to be saved in your history.