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.
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
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.
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.
Let us present this scenario. You’re building a React application, and you’ve been tasked to build a registration form. Seems simple enough, you think at first, but then you start hearing the requirements. The application needs to have validation on each field, and each field needs to have certain requirements, such as being required, being a certain type of field, having a certain length, etc. Your form must also be easily created and have an easily adjusted state during its usage. At this point, something you originally thought would be quick and easy is seeming more and more time consuming and complicated!
Well, worry no more and look no further; the community has come to your rescue. In this post, we’re going to talk about using the form library called Formik and the validation library called Yup to build out a simple validation form inside of a ReactJS application.