Video source missing

Mockups with MockOla

Joe Sciara Articles, Design, Development Technologies & Tools, Keyhole Creations Leave a Comment

MockOla is a simple and diverse tool that has many use cases. In this post, we created a blog mockup by dragging and dropping widgets, customizing those widgets through the property pop-up, importing an image, and using the draw function to request feedback.  Finally, we saved and downloaded the image as a .png file.  

This mockup was finished in a couple of minutes. The best part of MockOla is it allows the user to have the ease of a lo-fi mockup, but the end result of a polished, professional-looking product.

Material UI with React

Placing React in Timeout with Material-UI

Peter Le Articles, Development Technologies & Tools, React, 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.

State Machines Using XSTATE

An Introduction to State Machines Using xstate

Mat Warger Articles, Development Technologies & Tools, JavaScript, React, 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 – Part 1

Joe Sciara Architecture, Articles, Azure, Cloud, Development Technologies & Tools, Docker, 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 Server Fast with JSON Server

Mock RESTful Servers Fast With JSON Server

Haaris Chaudhry Articles, Development Technologies & Tools, Tutorial 2 Comments

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.