Blog

Fast could mean a lot of things, but in this article, we are concerned with startup performance. From the moment the user clicks on a link to navigate to a page until the page is ready for interaction. This contrasts with the update performance of how long it takes to update the UI when the user interacts with the page. The startup performance is where we could see the most benefit to user experience.

Right now, there’s really no shortage of frontend frameworks. In addition to the top dogs Angular, React, and Vue, a fourth framework, Svelte, is shaking up the market.

When it comes to modern web development, there's no avoiding big single page application frameworks like Angular, React, Vue, or even Svelte. The big advantage of this kind of web application is that, ideally, they feel like desktop applications to users. So there are no loading times between individual views. But the biggest disadvantage of these applications is their initial loading time.

Efficient, simple, and scalable—that's how developing a web application should be. Since 2014, Google's Angular platform has been aiming to do just that. In this series, I’d like to introduce you to developing an Angular application and its concepts and best practices. They will be embellished with many code examples, tips, and tricks on how to achieve your goal of a maintainable web application with Angular.

Reactive programming is a paradigm that’s increasingly found its way into the world of front-end development in recent years. Essentially, it’s about processing data streams and reacting to processing. The Reactive Extensions for JavaScript (RxJS) library takes this idea and implements it. Since Angular relies on RxJS in many places, we need to take a closer look at the framework and its underlying principles.

The third part of this series is about Angular Services. We’ll see how we can use a service in a component and look at the basic mechanisms of dependency injection.

From the basics to the first features: How do you create Angular components that can exchange data with each other? That's what the second part of the big Angular tutorial is about. We'll also take a look at how to filter the output data.

Progressive Web Apps are touted everywhere as the only true solution and the app of the future. Some decision-makers and developers are tempted to dismiss native apps outright as a dusty bridging technology. But whether it is advisable for a company to switch from native apps entirely to PWAs depends on many different factors that require closer examination. Let’s take a bird’s eye view of the decision-making process.

JavaScript projects are complex, with many homegrown problems. This article explores some of these problems and their causes. We will discuss how you can find a way out of the complexity trap can be found with the help of modern tools and standards, such as Snowpack and ESM.