Angular Language Service with Ivy! |

[@rand0mtv660]

I'm not sure if it is a new thing or something that has been done for years, but I love this trend of "language services" that provide a lot of logic and help and can be integrated inside code editors and offer a nice experience. It sure is better than each extension maintainer trying to maintain bunch of this stuff on their own. I'm sure it's still a lot of work integrating the language service into an extension, but it's definitely less work than trying to create both. It also allows the language service to evolve independently.

[@JohnDengisYT]

Glad you are making these videos Mark. Can't wait to see more of these updates. It's nice to see the new features in action so we can appreciate what these updates can do for us.

[@markthompson-g]

More are on the way!

[@UnchallengeDTyrant]

we need more videos on angular

[@markthompson-g]

And so you shall receive :)

[@TayambaMwanza]

Such a great series, keep the videos coming!

[@markthompson-g]

Hey! Thanks so much, Tayamba! There's definitely more of this coming! We keep releasing new features and we're gonna keep covering them :) If there's anything else you'd like us to cover - let us know!

[@TayambaMwanza]

@@markthompson-g Well maybe not for me, but one of angulars biggest strengths is the cli, so I think a showcase of the cli would be pretty cool. I recently had to learn svelte and having to create files manually made me miss the cli so much.

[@markthompson-g]

@@TayambaMwanza That is a great idea! Maybe we can cook something up! (Also, I totally agree that the CLI is a super power for Angular)

[@DonnieBryant]

Ivy looks 🔥

[@i-Caster]

Mark, thank you very much for this overview. Helps a lot. Please keep publishing more of this. How about an introduction to latest improvements for translations?

[@markthompson-g]

So glad you enjoy these! Definitely stay tuned for more is all I can say right now ☺️

[@LarsRyeJeppesen]

Awesome stuff

[@markthompson-g]

Glad you enjoy!

[@Humberd01]

I thought the IDEA plugin already had most of these features

[@markthompson-g]

This video is using VS Code and covers some of the features that are only available with the Experimental Ivy support enabled :)

[@mightymatth]

@@markthompson-g, can you name these "some"? I'm using Intellij IDEA and we had all of these for years.. even complex refactoring and renaming.. When I tried VSC and noticed that there is no feature for wiring templates and ts components, I immediately switched back. However, this is great for all Angular developers as it saves you from tons of mistakes when writing and refactoring your code. 👍👍

[@markthompson-g]

​@@mightymatth Hey there! Thanks for asking about this video. With Ivy, we see improved existing functionality. For example, when you hover over a symbol, you get more accurate type information especially with generics. Autocompletion is in a similar boat where as with View Engine we could not autocomplete complex types (I think I forgot to mention this one in the video haha). The two new features are the real-time diagnostics (that give you the same output as the compiler) and the Find References feature (from templates). I hope this is helpful and thank you so much for being a part of the Angular community!

[@Humberd01]

I think that IDEA team behind their plugin did that complex refactoring, renaming, template highlighting, etc. on their own. So kudos to them :D

[@mightymatth]

@@Humberd01 yes, I thought that this inspection of variables and methods is available in VSC. Then I started noticing on PRs who exactly use which IDE (e.g. not obeying an object type in a template). can someone more matured explain why this was so hard to implement in VSC without Ivy? it seems trivial to wire up templates and component.ts files.

[@im.ajmalfaiz]

Keep going

[@dmagues]

Nice!

[@pp-studio]

Awesome :)

[@faridakhoja9026]

Welcome to the beta programme 🤣