Frustrated with your slow Angular app? Here’s how to double or even triple the speed of your Angular application.
Need to make your Angular app perform faster RIGHT NOW? Then click here to view and download the complete Angular performance checklist.
Otherwise, if you want to dive deep…
…into all the mechanics and logic of how we improve the performance of an Angular application, then read on.
We’ve got so much to cover and you’re in for a real ride!
Introduction
Imagine doubling or tripling the performance of your angular application.
What if your Angular application loaded twice as fast?
Or once it had loaded, it performed many times faster than it currently does?
We can even take it a…
Using the Mocha reporter to make your Angular tests prettier and more readable. 😄
Some Angular developers grumble about the jumbled output that appears in the terminal when they test their Angular applications.
They want a nicer report that’s easier to understand at a glance….
So…
Karma Mocha Reporter to the rescue!
Once installed and configured, here’s what the outputs will look like.
Here’s the complete guide to setting up a login form and authentication with Angular.
Angular.
Authentication.
And authorization.
How do you do it?
How do you add a login form to your Angular application?
And how do you make sure that users that aren’t logged in automatically see your login page? And the logged-in (authenticated) users see the dashboard or something else?
In this guide, I’m going to show you how to add authentication to your Angular app.
Why?
Because I want to make you a better Angular developer.
How would it feel if you could quickly add authentication features to your Angular app? Or whip together a beautiful login form? …
Data models are the backbone of any .NET Core API server.
At least, that’s been my experience.
And building on the data models are the API controllers that give the world access to your data.
Here’s a quick shortcut that could drastically accelerate the performance of your Angular application. 💥
Frustrated with the build size of your Angular app? 😟
Is your Angular application as slow as a waddling-250-pound turtle?
Does it take a long time for your Angular app to load?
Say, what can you do to improve the performance of your Angular app? And make it load faster?
Large bundle builds are a common Angular problem. To prove my point just run over to Stack Overflow, there’s a popular Angular question — How to decrease prod bundle size?.
And almost every Angular developer finds themselves sooner or later rubbing a lot of brain cells on this Angular performance…
Here are 4 ways you can reduce the bundle size. And make it load faster.
Angular developers commonly struggle with performance issues.
It’s one of the biggest drawbacks and largest troubles of the Angular framework.
How do I know?
Recently I surveyed a handful of Angular developers and asked them what their biggest frustration with Angular is. Here’s what they told me.
Here’s how to fix Angular performance issues and optimize your Angular load time.
Angular performance is a common issue. It’s probably Angular greatest weakness. How do I know?
I recently surveyed several dozen Angular developers, asking them their biggest frustration with Angular. Here’s what they told me.
Here’s the step-by-step guide to install the Angular CLI and build your first Angular application
The Angular CLI.
Just exactly what is it? And what is its purpose?
Maybe a better question is what can you do with the Angular CLI?
This Angular CLI guide will teach you everything you need to know about the Angular CLI. We’re going to cover how to install the Angular CLI, the different Angular CLI versions, how to use the Angular CLI to create components and the whole bang.
Yes buddy! I’m going to show you how to grab the Angular CLI by the horns and make it obey your orders. 🥳
What is the Angular CLI?
The Angular CLI is a tool that…
Looking to make your Angular pipes perform like a dashing cheetah? Then here’s how to create a fast, highly-performant Angular pipe. ✨✨✨
Angular pipes hardly ever cause performance problems worth bating an eye at.
And just to make sure you’re aware, it’s much more common that an Angular application’s performance can be drastically improved by tweaking change detection options or making sure that ngFor is using a trackBy function.
But in any case, if you’re looking to shave a few milli-seconds and squeeze everything you can and pull all the levers you got to make your Angular application perform, then this is how to make your Angular pipes run really fast. 💥
Before we dive to deep let’s clarify a few things.
None of what I’m going to teach you in this…
Here’s how to take advantage of Angular’s trackBy function. And make your Angular application perform like a boss.
Angular has this cool thing called Zone.js that triggers change detection anytime a DOM event occurs.
And in case you weren’t aware, Zone.js is the engine that powers an Angular application. If you want to learn more about how it works, I explain that in this article.
Angular also has another thumpin-cool feature known as ngFor. Just hand it an array of information to render and watch it whiz! 😏
I mean… it’s a nifty Angular feature… that was built to make you coooooh and aaaaah… until you start abusing it. And then it SNAPS and POPS and blows up…
