And potentially save yourself heaps of time. 🥳
Any Angular developer worth their dough uses the power of Typescript to create data models for their HTTP requests.
What do I mean?
I mean that instead of doing this…
getAllApps(): Observable<any[]> {
return this.httpClient.get<any[]>(this.appsUrl);
}…you do something like this. Where App is a data model that you cast HTTP responses too.
getAllApps(): Observable<App[]> {
return this.httpClient.get<App[]>(this.appsUrl);
}In fact, the Angular docs has an entire section about using typed responses. You can check it out here.
Introducing the problem
So, you’ve got a small project with a few interfaces or models that you cast too. Not bad, my friend.
But as…
What are they? And how are they used?
Want a savvy understanding about lazy-loaded modules and preloading strategies?
Here’s the complete guide that will teach you everything you need to know about Angular’s preloading strategies.
Angular has this hunky-dory-whiz-bang-cool feature called the Angular module.
But what is it?
Angular modules are chunks of code that can be imported into various parts of your application. A module can contain grouped pieces of components, services and other functionality, each focused on a feature area, specific domain, workflow, etc…
And why are they cool?
They’re cool because Angular modules bring modular super-powers to web applications. And to the best of my…
Build a simple Ghost table animation that will make your users crow.
Ghost animations and Angular.
So… how do you create and use a Ghost animation in your Angular application?
In this article, I’m going to give you the code, demos, screenshots and whole shebang on how to create a basic Ghost table animation that you can adapt for your Angular project.
Creating the Ghost Table
With the help of Angular’s amazing CLI we’ll create a new component called ghost-table. Here’s how you do it.
ng generate component ghost-tableGive it a few seconds to whirl its magic.
Important Note To keep this article as simple as possible I’ve opted to use an Angular component. However, I do not recommend…
Here’s a juicy list with in-depth reviews and links.
Hunting for an Angular book that will help you rocket your Angular expertise?
Fortunately there are oodles of options to choose from and stacks of Angular books for beginners, for intermediates and experts.
The best part is that there are some henkity-cool choices — Angular books written by top-notch consultants, ex-Googlers, etc…
Not to mention that some of the books out there even have reviews from the folks on the Angular team.
But sorting through all the options to find the perfect one for YOU can be overwhelming.
That’s why I put together a list of the best Angular books…
The simple-pimple guide to expose slow HTTP requests that are frustrating users and no doubt causing revenue loss.
Some web apps act like a dying cow.
And would you believe it? These silly-jiggy-jaggy-dancing spinners seem to think they’ll hypnotize us into patiently waiting those extra 6.8 seconds!
It’s like waiting on a turtle for a horse ride.
Say, can’t we do better?
How can we find the HTTP requests in our Angular application that are slowing the show? Once we’ve uncovered the bottle-necks we can fix them and make your HTTP requests zip.
We could then connect our Angular app to a monitoring service like Application Insights and get alerts for turtle-performance.
Why just imagine it! About the…
Need an advanced guide to creating a dynamic Angular form?
Why is it such common scenario?
The project you’re sweating over is becoming a smashing success and you’re ready to be done… but all of a sudden at the last minute there’s this change to that form that must happen NOW!
Sigh. 😿
And the demands of your boss or client are clutching you tighter and tighter.
These kinds of scenarios are way too common. So how about a proactive approach that will allow us to dynamically render an Angular form? And make our form roll with the punches that way we can take it easy?
How about we build…
Need a quick intro to dynamic Angular forms?
Here’s a 3-minute guide to get you started.
Dancing in your pants to build a dynamic form with Angular?
In this article we’ll work with a simple example, taking a JSON blob and using it to dynamically render a reactive Angular form.
The JSON blob will keep our examples simpler but it’s your project so do what you want, make an HTTP call to your API server for the JSON blob, compile the JSON file with the app, or even…
…um…
…wrap it up in a sock and hurl it into the toilet.
Wait? Toilets?
Oh!
JSON blobs and dynamic forms. Uh… let’s get started.
## Our JSON…
Interested in joining the big guys by adding NX to your .NET Core Angular App?
Here’s a complete step-by-step guide that will show you exactly how to integrate .NET Core, Angular and NX (Nrwl Extensions)
Say.
With the growing power and fame of the .NET Core framework and Angular some awesome possibilities are blooming.
One of these is .NET Core’s support for Angular.
Just take the .NET Core CLI and the only thing you gotta bang into that keyboard is…
dotnet new angular -o MyNextAwesomeApp
…and BOOM! It generates a simple .NET Core API server as well as an Angular SPA with amazing server-side rendering, auth options, and more.
Hot stuff if you want to know my opinion.
But what if we want to do better? And use NX to manage our Angular app(s)?
I…
The ultimate guide to implementing feature flag functionality in your Angular application
Let’s explore 3 different ways that you can use to add simple and powerful feature toggling to an Angular app.
Getting Started
How do you add feature flag functionality to your Angular application? In this guide we’ll explore 3 different ways and examine the pros and cons.
Ready? Let’s dive in. 👉🏻
1. The simplest way to add feature toggling to your Angular app
This way is straightforward.
It’s as simple as ABC.
And easy as pie. Here’s how it works.
You can make use of the environment files to add feature flag capability to your Angular app.
Some experts might say that this is not a scalable way to tack on feature flags, and while they may be right, it’s still a great way to get started without bloating your app with an…
Here’s a complete guide to help you decide if you should add jQuery to your Angular application.
One of the most popular Angular questions on Stackoverflow is a question about how to use jQuery with Angular.
How to use jQuery with Angular?
Say, what should you do?
Is it even okay to use jQuery AND Angular in the same project?
Definitions
Alright. Let’s hold our britches….
…because before we go any further it’s important to understand the difference between Angular & jQuery.
It seems we get them confused and tangled together.
And when someone from a jQuery background comes to Angular they usually get this itch to revert to jQuery instead of harnessing Angular’s super-powers.
Beginning with jQuery.
…
