Jamstack: Azure Serverless Functions App With React

Jamstack: Azure Serverless Function App With React

Matt McCandless Architecture, Articles, Azure, Development Technologies & Tools, Node.js, React Leave a Comment

A new trend of creating applications is emerging called Jamstack. No, this isnโ€™t slapping together your favorite flavor of jelly (grape is the best) with peanut butter and two pieces of bread. The intent is an architecture that is faster, more secure, and easier to scale. It focuses on pre-rending and decoupling. This way, the solutions created are more reliable and resilient than before.

Pre-rendering comes by the way of using a static website via a CDN for high availability and security. No more serving your React app via web server like weโ€™ve become accustomed to. It reduces cost and complexity by eliminating the regular maintenance and configuration of traditional servers.

Also, the idea of APIs and the ability to move them to things like Serverless functions creates more cost savings, elimination of traditional servers, and use of features only when they are requested. For more information, check out the Serverless website.

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.