Placing React in Timeout with Material-UI

Peter Le JavaScript, React, Technology Snapshot, Tutorial Leave a Comment

As your application complexity increases, you may start thinking about implementing a session timeout in instances when there is no activity for a period of time. Whether you want a session timeout to increase your web app securities or to avoid unnecessary automatic API calls, it’s good to have some sort of idle check and log out built into your application.

An Introduction to State Machines Using xstate

Mat Warger JavaScript, React, state machines, Technology Snapshot, Tutorial, TypeScript 1 Comment

State machines are an old concept. They are a proven solution that provides a solid architectural foundation for application processes. In this article, I hope to provide an introduction to what they are and how they can be useful for a modern web or mobile application engineer. We’ll be focusing on one library in particular – xstate – and how it can allow anyone to easily leverage state machines for managing global or component state.

Azure Web Apps in Docker Containers

Joe Sciara Architecture, Azure, Cloud, Docker, Technology Snapshot, Tutorial Leave a Comment

So you want to host a web application on Azure with minimal overhead, but how is this done? Azure makes it possible by running an App Service using Docker containers. Setting up an App Service is simple and can be accomplished with a few steps.

In this blog, I’ll explain the steps necessary to generate a Docker image in Azure. Then, we will deploy a web application based on an image we generate. We host the application with the following steps:
1. Create a Container Registry
2. Build a Docker image
3. Create a Web App

Mock RESTful Servers Fast With JSON Server

Haaris Chaudhry Technology Snapshot, Tutorial Leave a Comment

As a frontend developer, have you ever found yourself in a situation where the backend didn’t have a RESTful API that you could call to test out your user interface? Have you ever wanted to prototype an idea and found yourself getting down in the weeds setting up RESTful routes in a mock backend server?

That’s where json-server comes to the rescue!

With json-server, you simply create a JSON file that follows json-server’s conventions, and you can have a mock RESTful server up in no time. This blog post will go over the features of json-server that I have found most useful as a frontend developer.

React, The Extras.

Chris Berry JavaScript, React, Technology Snapshot, Tutorial 1 Comment

We’ve all seen and read the React tutorials. We know about classes and components and JSX and whatnot, but then there comes the time when you have to start doing things for real. “Real” you say? Yes. Like connecting to a database or navigating around something larger than “Hello World.” Oh, then there’s that dreaded state thing. Well, let’s have a quick talk about the “Extras” that we can add into a React application.

In this blog, we will address adding routing using the React Router, adding data access using the JavaScript Fetch API, and creating a global state management feature using React’s built-in Context API.