It’s been a bumpy road that somehow got us misusing one of the most important text-level semantic tags. In the dark ages of HTML, <em> was barely used at all, despite being part of the specs since really early on (HTML 2.0 standard, 1995). But ... more
The preachers of the blogosphere have penned fiery diatribes against the evils of monolithic applications, and these fire and brimstone sermons resonate with developers because we have smelled the sulfurous tech-debt of those necrotic repositories. Yes, ... more
There’s been a proliferation of tools for front-end development — with a giddying and overwhelming array of buzzwords, build tools, frameworks, libraries and preprocessors. For creating a visual design with code, none of these tools are needed. CSS has ... more
Speaking about JavaScript frameworks at such a time as this can never be complete if nothing is said about the React framework created and maintained by the team at Facebook. React is used massively in tons of production apps out there, running on varying ... more
The crux of our job as web engineers is to deliver business value. To start creating business value, we need to know at least two things: What do we actually need to deliver? Be it a fully realized product feature or a minimum viable product (MVP), we ... more
TL;DR: While infinite scroll does provide a solution in some cases, it can be less than ideal for users. Infinite scroll can be disorienting , uncontrollable , and can cause your users stress . In this article, we will explain why you need to stop building ... more
Introduction Have you ever tried building a frontend web interface using just plain HTML5, CSS3 and JavaScript? Well, it's actually not that hard these days. Provided the required features are not complex, you can finish a small project relatively easily. ... more
Logging is undoubtedly one of the most important parts of our application. Now, console is a very powerful tool, yes, but what if we wanted to log not only to console but also to a file? We could try to write a function logToFile and call it right after ... more
It’s not uncommon in software development to have models that can belong to more than one entity. This type of model maintains the same structure that doesn’t change regardless of the other model it’s connected to. A common example of this kind of scenario ... more
Over the past year, you’ve likely heard rumblings about a new build tool called Parcel. For those of you unaware, Parcel describes itself as “a web application bundler, differentiated by its developer experience. It offers blazing fast performance utilizing ... more
JWT (JSON Web Token) is a very popular technology not without it share of controversy. Some people say you should never use it while others say it's amazing. What's the truth? Should you use it or not? That's why we're here. Brief introduction to JWT ... more
If you are building software in JavaScript that issues http requests for any reason, you will have code that depends on the responses of these requests. The code that makes those requests has an external dependency that makes unit tests harder to write. ... more
Introduction In this article, we will learn how to write (simple) unit tests for your Angular modeling blocks (service, component, async task, etc). We will be using a simple Quotes application to demonstrate how you can write a unit test for your project. ... more
Something almost all web apps have in common is the fact that they need to get input from users, validate it, and act on it. Learning to work with forms properly in our favourite frameworks is valuable, and can save us some time and energy during development. ... more
You may have noticed that animation is pretty popular on the web. There’s no shortage of tutorials, case studies, and libraries targeting motion lovers. It’s a facet of development that can intrigue, enhance, delight, motivate, and impress users. In ... more
In this tutorial, we will work through configuring Webpack for use with react and tailwind CSS. Before we dive into the configurations, let us first look at an overview of the technologies involved. Webpack Webpack is a wonderful tool for bundling and ... more
Have you ever wondered how to make your React applications faster? Yes ? How about having a checklist for eliminating common react performance issues? Well, you are in the right place. In this article, I’ll walk you through a pragmatic step-by-step guide ... more
In this article, I’ll try to summarize some of the things that seem to be required to launch a web app (presumably in a business context) these days. I cannot give you any guarantee on completeness, so if you see anything missing from the lists below ... more