Posts (Page 10)
Written content to help you along your web development journey, without forgetting to have some fun along the way.
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.
Simple Content Tab with React and Tailwind
The foundation for a tab system begins with a state hook, triggered by clicks on tab elements. View the code snippet and use the playground to see it in action.
Pro Tip: Simplify If Statements Using Exit Conditions
Exit clauses can help you write less code and make your code more readable. Here is a simple example, along with some additional tips.
View README Code in GitHub
Toggle between preview and code mode when viewing a markdown file in GitHub.
Making Videos with Code is Cool, but is it Productive?
There are more and more tools out there that let you build things (that aren’t websites) with code. Like Remotion for making videos with React. It’s super cool. But should you use it?
Resetting State on Next.js Route Change
Component state doesn't change when navigating between dynamic routes in Next.js that use the same component. useEffect can help.
8 Notion Pro Tips to Supercharge Your Productivity
Shortcuts, patterns, and other ideas that I use every day and that I also don’t see many others using.
Mapping Dynamic Object Keys in TypeScript
Dynamic property maps are a super powerful paradigm in JavaScript, but they can be tricky to type correctly with TypeScript.