Latest Tutorials
![Terminate Process on a Port from Command Line]()
Terminate Process on a Port from Command Line
Once a week I have to deal with a zombie process or try to start a process that's already running on its designated port. In most cases I use macOS's Activity Monitor to kill the process, which is time-consuming. What if we could just...
![CSS accent-color]()
CSS accent-color
For better or worse, form fields have been somewhat difficult to style with CSS. Form control display is dependent upon device, operating system, and browser, so you can imagine the difficulty in making styling easy. We have slowly been given some controls over form control...
![How to Create a UUID in JavaScript]()
How to Create a UUID in JavaScript
The UUID identifier has been used in programming since the days a baby-faced David Walsh became a professional software engineer. My first exposure to UUIDs was via a ColdFusion app I inherited and ... the less we say about that the better. In any...
![AggregateError]()
AggregateError
One of the big themes of the web these days is concurrency, which leads to accomplishing tasks asynchronously. In doing so, the possibility of multiple errors can occur. Instead of providing a generic error, optimally you'd provide a wealth of error information. The
AggregateError...![jq for JSON]()
jq for JSON
I old enough to remember when we thought XML was going to change the programming world...then JSON saved us from that hell. Parsing and querying JSON data is fundamental task we've all coded for, but sometimes I just want to get some data locally with minimal...
-
![React usePrevious Hook]()
React usePrevious Hook
Hooks are essential for the functional component pattern in React. One frequent logic comparison with
classcomponents was comparing a previouspropvalue with a currentpropvalue via lifecycle methods. So what's an easy pattern for duplicating previous value comparisons in functional components?TheuseRefand...![Set a Default Node Version with nvm]()
Set a Default Node Version with nvm
As I've shown you in the past,
nvman excellent utility for switching between Node.js versions. Whether your host machine or CI, building and testing your apps on different Node versions is a necessity. I've recently found a fewnvmcommands that I found really...![onInput Event]()
onInput Event
Coding HTML forms has been painful my entire career. Form controls look different between operating systems and browsers, coding client side and server side validation is a nightmare, and inevitably you forget something somewhere along the line. Some behaviors don't act the way you'd...
![Dark Mode in One Line of Code!]()
Dark Mode in One Line of Code!
Dark mode has seemingly become the desired visual mode for websites and mobile apps alike. Dark mode is easier on the eyes, especially for those like me who like to burn the midnight oil by coding and reading tutorials. Unfortunately not all websites offer...
![Fix Seeing “0” in Your JSX Code]()
Fix Seeing “0” in Your JSX Code
The early days of the web felt like the wild west when it came to coding practices -- just make it work. Then we became enlightened to better practices, separating HTML from CSS and JavaScript. Then came React and JSX, where we combine JavaScript, HTML...
