Angular 2018 roadmap includes Ivy Renderer, Angular Elements, Bazel and more
© Shutterstock / hkeita
Angular 6 (expected one month from now!) is packed with goodies such as Ivy Renderer beta, TypeScript 2.7 support, Package Format (APF) v6 and more. If you’d like to know what’s in store for Angular this year, you’re in luck — Brad Green, Angular platform engineering director at Google spilled the beans in a recent post.
2017 was a good year for Angular but 2018 is shaping up to be even better. Not long ago, we learned that the Angular community celebrated a new milestone (one million developers) and that it has registered an insane growth, especially when compared with AngularJS. This makes sense since AngularJS has just one more significant release in the pipeline and then it will enter a 3-year period of Long Term Support.
One door closes, another remains wide open: Angular 6 and beyond
Although AngularJS only has one more significant release, the journey has just begun for Angular. Case in point: Angular 6 should be released in late March. As we’re getting closer to the grand finale, we start to see bits and pieces of what is shaping up to be a great version. If you want to track its milestones, make sure to check our On the road to Angular 6 thread.
If you want to watch his talk, here it is:
Angular: Upcoming features
“Every developer at Google gets to use a consistently fast, reliable, multi-language build tool that is offered as an open source tool called Bazel,” Green wrote in the post. The Angular team has been working with the Bazel team in order to bring this tool to the masses (a.k.a. Angular developers).
Therefore, they are currently building Angular using Bazel and there are already some early-adopters using it with their Angular apps.
Find more about Bazel here.
Angular CLI was built on Schematics, a core technology which allows anymore to define custom templates and code transformations for use with the CLI.
A new Schematics-based feature (called
ng update) is being shipped in CLI v1.7; it automatically updates your project dependencies and makes automated version fixes. The beauty of Schematics is that you don’t need to wait for the CLI team to come up with features and you can build your own code transformations like
Read more about Schematics here.
Component Dev Kit
Angular offers a complete set of accessible, high performance, feature-rich components in the Angular Material library but if you’re not familiar with Material or if you want a head start in building other components that aren’t offered there — tough luck. Luckily, the CDK saves the day.
“Providing the core functions we’ve used to build Angular Material, you can now create your own components using our battle-tested feature sets for accessibility, i18n, RTL, overlays, and much more,” according to Green.
Read the CDK blog post to find out how to use it.
If you want to allow others to embed your Angular components or even full apps in other apps written in vanilla JS or any other framework, Angular Elements is for you. In short, it lets you publish Angular components as Web Components that can be used anywhere.
Although Angular Elements is still in development, the team is already using it on angular.io to make dynamic rendering easier.
If you wish Angular was smaller, easier to debug, and compiled faster, you’ve got yourself a genie in the shape of Angular’s new renderer code-named Ivy.
Since it comes as a non-breaking change, this means you’ll get it automatically in a future release by just staying on Angular’s latest releases.
You can track their progress at ivy.angular.io.