In this blog, I’ll focus on one tool you might use for State Management, Recoil. First, we’ll look at why State Management is an effective strategy in general. Then, we’ll turn our attention to Recoil, and finally, we’ll dive head first into a demo. By the end, you should have all the tools necessary to begin using Recoil on your own!
Recently on a client project, I was tasked with creating an Angular application that contained a form that displayed conditional inputs. In this article, I will walk through the strategy I implemented to accomplish this goal.
My hope is that this blog will give you a starting point for creating your own complex Angular Reactive forms. Let’s get started!
Client Snapshot: National less-than-truckload (LTL) transportation company headquartered in the Midwest Project Snapshot A team of Keyhole consultants joined the client’s team of engineers to develop a customized front-end software application that improved user experience. This was an initiative to modernize a legacy user interface and move to a web-based UI that replicated existing functionality. Although the previous application was …
Client Snapshot: The client is a Fortune 500, publically traded energy company. It covers over 28,000 square miles in eastern Kansas and western Missouri and provides electricity to over 1.6 million homes and businesses. Project Overview After assisting the company in the completion of Phase 1 of this project, a team of Keyhole consultants was brought in again to complete …
Web application users are accustomed to canceling a popup (aka dialog or modal) by pressing the escape key, and many modals can even cancel if the user clicks outside it. How does a React developer code that without a plumbing mess between the modal and every visible component beneath it? How do you cancel a React modal with an escape key or external click?
I’m glad you asked because I have an answer. In this blog, I’ll show a pair of easy-to-use custom React hooks that simplify the task.
