State-Management-with-React-Recoil

React and Recoil for State Management

Alex Cassells Articles, JavaScript, Programming, React 1 Comment

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!

Cancel a React Modal with Escape Key or External Click

Lou Mauget Articles, Development Technologies & Tools, React, Tutorial 1 Comment

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.

Updating Microservices with Netty 5, Kafka 3, and React: Whirlpool Revisited

John Boardman Articles, Development Technologies & Tools, Java, JavaScript, Microservices, React Leave a Comment

Back in 2015 and 2016, I wrote two blogs that went step by step to develop a microservice/Netty architecture with fully working code called Whirlpool.

A lot has changed in the years since, so recently I decided to come back to the project, update it with the latest versions of Kafka and Netty, and add a React UI to it (rather than the vanilla JavaScript version it used before). In addition, I also added Windows Subsystem for Linux (WSL) scripts in addition to the Mac and Linux scripts that were there before and made all of the scripts more robust.

This blog will be about the work that went into all of those updates, plus a look at the new React UI. This provides an excellent view into what it takes to update an outdated microservices application implemented with Kafka (version .9 –>3.0) and Netty (4.1.3->5.0.0-alpha2), bringing all versions up to date and adding a React UI. By the end youโ€™ll be familiar with the latest versions of these frameworks, know some โ€œgotchasโ€ to avoid, as well as understand how to integrate WebSockets into React.