Lesson Description

The "Wrapping Up" Lesson is part of the full, Intermediate Angular: Signals & Dependency Injection course featured in this preview video. Here's what you'd learn in this lesson:

Alex wraps up the course reviewing the key takeaways around Signals, Component Models, Routing, Signal Forms, and Dependency Injection.

Preview

Transcript from the "Wrapping Up" Lesson

[00:00:00]
>> Alex Okrushko: With that, just to summarize what we learned today, we started with a component parent-child interactions and how we can move the data around between the components. We've seen the inputs, the outputs, the models, we've seen the new linked signal and how it could be beneficial. We looked briefly into the pipes, so we are familiar with date pipe, currency pipe, and others.

[00:00:28]
In the second module, we looked into the GDP resource, which is experimental API but it's kind of nice to read the data from the backend. Again, don't use it for the POST request, do it, it's fine to use it for the GET requests and then it also keeps track of the network status, which is really cool, loading error allows us to reload this if we need to, which is also really cool.

[00:00:57]
Then we looked into some routing, we looked how we can bind in parameters to inputs in the components, we looked into the auth guard as well. We looked into a few other, can activate, can match, can deactivate. Advanced routing, I also saw how we can lazy load components in different routes, which again helps us reduce the initial bundle size and improve overall performance of the application.

[00:01:37]
Then we looked into new signal forms and how the mental model around them is changing, where signal is a source of truth for the signal forms, and signal forms just wrap it and make sure that the synchronization is fine in the template and enforces all the required de-bouncing, min length, and other cool things. We can also use the async validators there as well. So that was the forms, we also saw the dynamic arrays with the forms and how easy it is to work with the new forms APIs.

[00:02:15]
And finally, we looked into the shared state where we have a service that's stateful that could provide signals and computed for other parts of the app to listen for the state for, and then some methods that can change that state, for example, if we add the ticket. We also looked a little bit in this cool technique of the optimistic UI and I think again, this is one step towards applications that feel instant and have perceived performance of the applications and actual performance applications moving in the right direction, moving faster apps.

[00:03:01]
We do want to have for our apps, regardless if they are just enterprise applications that are behind the login page, we still want them to be fast. And in the advanced Angular, we'll focus a lot on making things extremely fast, SEO friendly, and really, really snappy. So thank you so much. Hopefully that was a good introduction of the intermediate Angular, and I'm looking forward to see you at the advanced Angular course.

Learn Straight from the Experts Who Shape the Modern Web

  • 250+
    In-depth Courses
  • Industry Leading Experts
  • 24
    Learning Paths
  • Live Interactive Workshops
Get Unlimited Access Now