Posts (Page 9)
Written content to help you along your web development journey, without forgetting to have some fun along the way.
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.
A Brief Introduction to Inlining Critical CSS
Although more applicable to traditionally-built sites, inlining critical CSS can be a quick and easy performance boost for your site, especially as it grows.
One of My Favorite Performance-Boosting Netlify Plugins
Inlining critical CSS is a breeze for classic SSG sites built and deployed using Netlify. Here’s how it works.
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.