2020 was a busy year for all of us, facing challenges here and there, but luckily, the Angular community didn’t let us down for a single moment. To give them something back, we’ve decided to make our own selection of last year’s 10 most relevant, most stunning Angular meetup videos.
So, fasten your seatbelts, and get ready to learn new tricks and skills, or simply grab a summary of all the Angular magic from last year.
David East: The best 20-minute Angular & Firebase video you’ll ever see
As the title suggests, David East’s presentation about combining Angular and Firebase is a must-watch! Coming from Google’s Firebase team, David shows his magic in exactly 20 minutes.
Yeah, but what is Firebase? – you may ask. It’s a platform to build powerful apps in no time! By being connected to a hosted backend, you save precious time by not having to host or build the backend yourself.
Revisiting a reactive router with Angular Ivy | Brandon Roberts
The release of Angular Ivy opens up new possibilities of routing in Angular. Optional NgModules, lazy loading components, and dynamically creating components on the fly. The Angular Router is very powerful already, but what if we took a fresh look at a reactive router in this new world. This talk talks about the history of the router, and the process of building a new reactive router.
DSpace 7: A major leap forward for the leading repository platform
The DSpace community is anticipating the largest release ever in 2020 with DSpace 7. The platform is used in thousands of research institutions around the globe and powers systems including dspace.mit.edu, dash.harvard.edu and openknowledge.worldbank.org. If you download an academic paper through Google Scholar today, the chance is large that it is served to you thanks to a DSpace institutional repository. The talk aims to briefly introduce the scope and usage of the DSpace software. Attendees will learn how the governance of the DSpace community is structured, and what lead to the decision to drop the two legacy UIs, JSPUI and XMLUI, in favour of an endeavour to introduce Angular as the new UI layer.
Angular Ivy Typer-Checking
Angular Ivy features strictTemplates, a compiler flag that turns on much stronger validation and type-checking of component templates. Learn how the new type-checking works and how to migrate a large project onto stricter type-checking with Alex Rickabaugh from ng-conf: Hardwired.
Observable Services to Observable Store
Observable Services (also known as Subject in a Service) provide a great way for components to subscribe to changes that occur in a service. But how do you step your app up to the next level and create a state store that also supports notifications? In this talk Dan Wahlin will show a simple yet powerful option called Observable Store that works across all front-end applications (Angular, React, Vue.js, and more). Learn how to store your state, access it, work with immutable store state, provide state change notifications, the role of RxJS and Subjects, debugging options, and more.
Luckily for us Angular enthusiasts, October was a busy month full of great videos. To make your lives easier, we’ve once again decided to select the best ones for you.
RxJS Operators & Fully Zone-less | Jan-Niklas Wortmann & Michael Hladky
RxJS is getting more popular every day. The amount of downloads from the public registry is insane, with around 50 million downloads per month. Everyone that already uses RxJS knows that the added value of RxJS mostly comes from the provided operators. These operators enable us to develop complex scenarios in a fairly comprehensible manner.
Right now RxJS already provides over 100 different operators and it is also possible to extend this huge list by developing custom operators.
But wait, do you actually know how operators are internally structured? How is this magic piece of code developed that brings so much power? Everyone uses RxJS operators on a daily bases, but no one really knows about the internals of it!
In the first talk, Jan-Niklas takes a deep dive into the internals of RxJS to understand how operators are developed. This makes us understand how these operators work and enables us to write our own operators to fully embrace the power of RxJS.
If you find the async pipe boring, then you will love this talk. Michael Hladky teaches us the guts of Angulars change detection and why zone.js can be your biggest enemy. He talks about a trick on template bindings, component rendering, and where you pay the biggest price. As the tip of the iceberg, you learn how to identify and avoid blocking UIs by analyzing flame charts and leverage task scheduling. In the end, you will be able to build applications with zone-less performance even in a zone-full environment.
JamstackNG: Angular + Scully Webinar | Aaron Frost
Nothing makes Angular faster than embracing the Jamstack. And Scully is how Angular projects do that. In this webinar, you’ll learn what exactly the Jamstack is, why it makes things so incredibly fast, and be blown away as you see just how easy Scully is to add to your projects.
Smarter & Faster Angular Development with Nx | Juri Strumpflohner & Isaac Mann
In this webinar, you’ll learn how a monorepo can help and how, in particular, the open source toolkit Nx makes developing in a monorepo simpler. You’ll walk away knowing how to use Nx’s powerful code schematics to generate code and quickly set up tools like Cypress and Storybook.
Angular and module federation in-depth | Manfred Steyer
The implementation of micro frontends has not been easy so far.
Module Federation, offered by Webpack 5, changes all this. It allows you to load separately compiled applications at runtime and share libraries between them.
In the first half of this session, Manfred teaches us how to use this module federation to create micro frontends with Angular. You will learn about the default scenarios, dynamic Module Federation, sharing libraries, and dealing with version mismatches.
In the second half, Manfred teaches us about Plugin-based architectures. By developing a workflow designer, individual workflow tasks can be exposed via separate applications hosted on different origins and loaded into the workflow designer. This allows one to easily extend the designer without the need to recompile it.
By the end of this episode, you will know what module federation is and how to use it in your projects together with the Angular CLI.
Host your Angular App on Firebase | Erik Slack
What is Firebase and how can it help you and your team? Let Erik Slack explain it to you in less than 10 minutes in this Lightning Talk. Believe us, it’ll be worth your time!
We hope you’ve enjoyed our selection. If you’re hungry for more, check out our entire Angular metup video newsfeed here.