With more than a billion monthly users, Google Maps is one of the most used/known applications. Since Angular version 9, it’s also available as an Angular component.
At the time of writing this article, the docs on the official
@angular/google-maps repo are very minimalistic. The reason for that is that
@angular/google-maps is just an Angular wrapper of the official GoogleMaps. To implement features you often have to consult the official Google Maps API docs.
Some developers I talked to found this confusing. Some of them felt lost when implementing a feature that uses Google Maps in Angular.
Lately, I myself…
Therefore, it’s not surprising that many companies bet on Angular. Since you are reading this article, the company you want to work for in the future probably also relies on Angular.
Maybe, you are new to Angular, or maybe you already have some experience with it. In any case, you want to be prepared for that interview. …
Angular provides a couple of built-in directives. But not all of them are applied in the same way.
ngClass for example, is applied like a normal HTML attribute. Structural directives like
*ngFor on the other hand, are used with a leading asterisk (
It’s this asterisk we want to talk about in this blog post. What is it doing under the hood?
Let’s find out by implementing our own
ngIf implementation: The
— behaves like ngIf but has a cooler name 😉
MyNgIf at its core, is just a normal directive with the attribute directive selector…
Don’t let the title fool you; building an icon library in a tree-shakable way is hard, very hard. If you make it from scratch, it’s impossible to do it in the mentioned time. But, here’s the good news. We already did the hard work for you.
I took everything I learned while building icon libraries for big companies and wrote a whole open-source tool suite so that you, with the help of this blog post, can build your own performant SVG icon library in less than 30 minutes. Sounds good? Let’s get started.
🤫 Everything described in this blog post…
Offering many out of the box solutions for complex use-cases, Angular is one of the best frameworks for developing single-page applications. Another great thing about Angular is that it’s very opinionated about architecture. This is especially important for bigger development teams since it facilitates the on-boarding of new members and communication between different teams throughout an organization.
The Angular CLI (command line interface) is another amazing tool. It allows us to scaffold an entire Angular application with one command and perform common tasks such as extending, linting, testing, and building our application.
Nest JS, on the other hand, is a…
Asynchronous code is hard! It’s hard to write and to test.
RxJs has changed the way we think about asynchrony. Instead of using Promises, we nowadays deal with streams in the form of Observables or Subjects. RxJs provides us with many out of the box operators to create, merge, or transform streams.
But we do not only get great tools for runtime code, but we also get amazing tools to test streams.
Marble diagrams are a great way of modeling streams. They are used throughout many tutorials and can now also be used in tests to assert streams.
Front-end-end development is booming! Nowadays, almost every business owns a web application. Web applications ease continuous delivery and support multiple devices, an important aspect of IoT (Internet of things).
In the past, we were building rich servers with thin clients. …
Angular libraries are a great way for open source projects or companies to share code across multiple applications.
Thanks to the Angular CLI, creating a library is easy. However, by default, your library may not be as tree shakable as you might think. In most cases, this is not a big deal, but sometimes, it can have a considerable impact on consumer’s performance. In other words, your library can slow the (initial load) of an application.
This happens mainly when your library includes third party libraries packaged in another format then
moment for example.
If you are not…
Passionate freelance frontend engineer. ❤️ Always eager to learn, share and expand knowledge.