TL;DR: Struggling to keep form validation and UI in sync in your React app? Here’s how I used Zod and React Hook Form together to define a single source of truth—driving both runtime validation and required field indicators in the UI. The Problem: When Validation Drifts from UI I’ve been writing forms for as long as I’ve been writing code—and …
It’s time to release your latest front-end changes to production. However, as you create a new tag, you notice a large number of commits unrelated to the feature you’ve been working on. Now, instead of simply kicking off your deployment and watching the pipeline run, you need to check with numerous developers and managers to ensure you don’t deploy any …
This post demonstrates some of my favorite search techniques that work well in VSCode, including some basic RegEx (Regular Expressions) expressions that will help you find exactly what you’re looking for in an unfamiliar code base. We will cover VSCode file type inclusions and exclusions, single-line multi-term searching, conditional searching, and more. RegEx can be intimidating to people who aren’t used to using it, but luckily the RegEx expressions described in this post are very easy to remember and incredibly powerful.
Attention: This article was published over 2 years ago, and the information provided may be aged or outdated. While some topics are evergreen, technology moves fast, so please keep that in mind as you read the post.In the latest episode of Next Level, Zach has the pleasure of chatting with Tom Hill, Engineering Director at Corsearch, about his career journey …
In the post, I’ll be talking more about the map() function – how it differs from other common loops, exploring its optional second parameter, using mapping in the return statement, and tracking with keys. By the end, I hope you’ll have a clearer understanding of how the map() function can be useful in your React projects.
Please note, this post is geared toward React beginners and new coders. Veteran users may not glean as much from the content.