Posts

10 UI Design Patterns that a UI Architect should Know

Image
  Quick Summary:   Design patterns  were first described in the 1960s by Christopher Alexander, a civil engineer who noticed that many things in our lives happen according to patterns. He adapted his observations to his work and published many findings on the topic. Since then, design patterns have found their place in many areas of our lives, and can be found in the design and development of user interfaces as well. In short, design patterns are  solutions to recurring problems . By extension, UI design patterns are solutions to common user interface problems. This article goes over 10 interesting UI design patterns that you can use in your own projects. In fact, you may already be using them now without knowing it. 1. Lazy Registration To fully appreciate the problem of registration, we should consider an annoyance that has led to the opinion that  sign-up forms must die . This certainly doesn’t mean they should be completely omitted but rather that they shou...

How to set up TypeScript with Node.js and Express

Image
Ease of development is great when you’re building a server written in JavaScript and using Node.js and Express. But what happens when your application server scales, or you’re working on a team of developers all across the world? In these instances, TypeScript can help. In this article, we’ll cover a beginner-friendly way to set up TypeScript in an Express app, understanding the basic constraints that come with it. To take full advantage of this tutorial, be sure you have the following: Node.js version ≥ v12.x installed in your local development environment Access to a package manager like npm or Yarn Basic knowledge of Node.js and Express Create a  package . json  file Start by creating a new directory wherever you keep your side projects in your local development environment. Inside that directory, use npm’s initializer command to create a  package . json  file: mkdir node - express - typescript cd node - express - typescript / npm init -- yes When you initialize ...