- Apr 27 · 12 min read
Best Angular UI libraries for 2023
Are you an Angular developer striving to create a visually stunning and user-friendly interface for your applications? You need a good UI library to supercharge your Angular UI! I have scoured the web to bring you the ultimate list of the best Angular UI libraries for 2023. This will be the list of Angular libraries you will need to pick the best Angular UI library for your applications. From component styling to bundle sizes, from component count to ease of use and load times, in this blog post we will cover it all!
AngularTypeScript - Feb 28 · 10 min read
RxJs Subject vs Behaviorsubject
RxJS is a powerful library that allows you to manage data streams and makes reactive programming easy for developers. RxJS is commonly used in combination with Angular because both are based on observable patterns. Two of the most frequently used RxJS classes for managing data streams are Subject and BehaviorSubject. Do you struggle with the difference between Subject vs. BehaviorSubject and you're not always sure which one to use?! I got you covered!
AngularTypeScript - Feb 17 · 8 min read
Reactive froms in Angular, learn how to create and use them!
Have you ever felt your Angular forms lack control over data, state and behavior? Like they needed a little more pep in their step? Well, that's where Reactive Forms come in to save the day! When it comes to creating forms in Angular, there are two different approaches: template-driven forms and reactive forms. In this blog post, we'll be focusing on the latter: Angular Reactive Forms. You will learn what the difference is between template-driven and reactive forms, how to create reactive forms, and when to use them!
AngularTypeScript - Jan 27 · 6 min read
Angular SEO friendly coding practices
In this blog post you will learn everything about Angular SEO friendly coding practices. No more bad rankings, from now on your Angular SEO skill will make search engines love you Angular application.
AngularTypeScript - Jan 20 · 4 min read
Angular Content Projection - Learn how to project content like a pro!
Welcome to the world of Angular content projection! Are you tired of creating components that are not as dynamic as your design requires and you keep on extending the HTML template of your components to fit new needs? Well, with Angular content projection, you can say goodbye to those limitations and hello to fully reusable and customizable components that will cover each UI scenario you have.
AngularTypeScript - Jan 13 · 3 min read
JavaScript export to CSV without using a library
CSV or Excel files, we use them almost everywhere! So it's no big surprise that most applications need support for exporting data to CSV files. There might be many reasons, the app user might want to save the data on his machine, easily share the data with someone else or even import it into some other system. In most of these cases, CSV will be the preferred choice to do it. In this blog post, we will take a look at how to export data to CSV with JavaScript, Angular, React, or any other JS frontend framework. We will make no use of libraries, just good on JavaScript code!
JavaScriptReact - Jan 5 · 5 min read
Angular SSG (Static Site Generation) - The full guide from creation to deployment
Static site generation (SSG) with frontend frameworks like NextJS and NuxtJS is all the rage lately so Angular developers can't stay behind. It turns out, Angular supports SSG out of the box as it does with most things. No need for extra frameworks or libraries only Angular Universal and Angular Prerender. In this article, you will learn how to use Angular prerender for static site generation and how you can host it on Azure blob storage.
AngularTypeScript - Sep 22 · 12 min read
Angular Universal Server-side rendering (SSR) how and when to use it
A deep dive into server-side rendering with Angular Universal, what is it, when to use it and how to implement it. These are the topics we will go through in great detail in this blog post. At the end of this article, you will exactly know what Angular Universal is, what it offers, how to optimize it, and when to use it in your applications.
AngularTypeScript - Oct 1 · 6 min read
Angular Directives - A Complete Step by Step Guide
Angular Directives are a powerful concept in the Angular framework to add behavior to the elements in your applications. In this step-by-step guide, you will learn what directives there are, the differences between them, and how to create your own.
TypeScriptAngular - Oct 6 · 6 min read
Angular Built-in Attribute Directives
Angular directives are a great way to manipulate the DOM and add functionality and behavior to HTML elements and Angular components. You can build your own directives with every functionality you want, but Angular also offers us some great built-in directives. In this article, we will take an in-depth look at the built-in Angular attribute directives and how to use them.
AngularTypeScript - Oct 4 · 5 min read
Angular async pipe in depth
An in depth look at the Angular async pipe. Learn how to use it, what's the differance with regular observables, the right way to handle multiple pipes and much more. After this blog post you will be a real export on the Angular async pipe.
AngularTypeScript - Oct 13 · 9 min read
An in-depth look at Angular lifecycle hooks
Angular components have a lifecycle from their instantiation up to their destruction. During this lifecycle, there are different steps for example initialization, rendering, checking the dom, and so on. You can use these steps in the lifecycle of a component with Angular lifecycle hooks. Inside these hooks, you can perform logic when they are triggered. In this article, we will take an in-depth look at what Angular lifecycle hooks are and when and how to use them.
AngularTypeScript - Nov 3 · 5 min read
Angular Input Output - Component communication explained
If have you ever struggled with Angular Input and Output then this is the article for you! In a lot of scenarios, the components of your Angular application need to communicate with each other. If there is a parent-child relationship between the components we use Angular input and output for this communication. In this article, we will take an in debt look at Angular input and output and will learn how component communication works with some examples.
AngularTypeScript - Nov 16 · 4 min read
Angular Standalone Components - When why and how to use them?!
With the release of Angular 14, we can now use standalone components in the popular frontend framework. Since components are the building blocks of any Angular application the introduction of standalone components allows for entirely new architectures for your Angular application. So let's dive into it and see what Angular standalone components are all about!
AngularTypeScript - Nov 18 · 6 min read
Angular 15 is released, Learn about everything new!
The new Angular version 15 is packed with awesome new features and performance improvements! Standalone components have been moved over to the stable Angular API, directive composition API is added, Angular image directive for better performance, and much more cool stuff in this Angular release. In this blog post, we will explain everything that is new in Angular 15 so without further ado, let's get started!
AngularTypeScript - Nov 30 · 4 min read
RxJS Pipe the complete guide - Learn when and how to use RxJS Pipe and pipe operator
Learn everything there is to know about the RxJS pipe and pipeable operators. After reading this blog post you will be composing observables in a declarative and pure manner like a pro!
TypeScriptJavaScript - Dec 16 · 4 min read
Angular route resolvers - Learn when and how to use them
Angular route resolvers are used to initialize and fetch data before a route is resolved when navigating between routes in Angular applications. By implementing a route resolver, you can ensure that all necessary data is available to your components before the route is activated and the components are loaded. This can help with better page loads without flickering elements or elements that are populated one after another. But there are also some drawbacks and common pitfalls when using Angular route resolvers. In this article, we will look at when and how to use route resolvers to improve data fetching and initialization in your Angular applications.
AngularTypeScript