Hello, very good video! Starting with angular 16, in the chrome debug, the "this" context inside an async function always turns out to be undefined. What is the reason?
@ricardomiguel72427 күн бұрын
Why do we need the effect type in constructor (filtering part) and what would happen if i didn´t wrap that code into effect function ? Thanks.
@AngularUniversity6 күн бұрын
Effects can be put in other parts other than the constructor, like on ngOnInit, but you need to pass it an injector explicitly. The recommended pattern is to put it in the constructor, to keep things simple. 👍
@ebichu81268 күн бұрын
signalStore + service is quite appealing approach. How do you think of it?
@bones_twisting_sorrow47509 күн бұрын
very sensible
@rozzs749 күн бұрын
for me this approach is much cleaner compared to old school way
@AngularUniversity8 күн бұрын
It's much less verbose, isn't it? 😊
@MikelAingeru9 күн бұрын
Excellent video! Can you please explain why is it needed the injector?
@AngularUniversity8 күн бұрын
Thank you, it's because in that particular situation there is no injector to perform the dependency injection, so we need another mechanism. 👍
@joshuatye102710 күн бұрын
This is why I have switched to vue. Signals are just vue refs and vue comes with state management from pinia.
@manuelraso544611 күн бұрын
Thanks a lot for the video! One quick question: Is there a browser extension to see the actual state? For the NGRX store I always used Redux extension to see in the browser the store (and it's very helpful to debug), is there something like that for this signal store?
@AngularUniversity8 күн бұрын
Thank you, there is so far no extension but there will be one soon I bet 👍
@sreet284112 күн бұрын
Really nice. Good job
@AngularUniversity8 күн бұрын
Thank you! Cheers!
@chaseliu501112 күн бұрын
angular team lacks of vision
@AngularUniversity8 күн бұрын
I think they are being extra cautious, and don't want to lead the community down a certain path that might not be the best for everyone. 👍
@andyhb197012 күн бұрын
After watching your guide I decided to give it a try and I have to say I'm impressed! The most obvious benefit to myself is that the Webstorm project explorer is much easier to navigate with your eye than VS Code. I'm still learning things but I think I'm going to switch!
@AngularUniversity12 күн бұрын
Happy to hear you enjoyed it, I've been using it for about 10 years it works awesome. 😊
@eduardointech14 күн бұрын
Thank you!
@kkkheladze14 күн бұрын
My main issue with Webstorm is Angular Language Service. They are not using the extension that Angular team provides, their own version is baked into the app. This caused my IDE to complain on new features from v17+ like signal inputs, and JetBrains took a long time releasing a new version. This forced me to use VS Code and I haven't looked back since. It's more lightweight and I'm pretty sure Webstorm uses double the ram compared to VS Code (Take this with the grain of salt).
@AngularUniversity13 күн бұрын
I usually just wait a couple of weeks and update, they support new features really fast. 😊
@aayushkc230614 күн бұрын
can you make a good series on ssr more . How to fix the LCP and FCP with google fonts and images and improve the performance more than 90 + . it would be more useful
@burningtree87814 күн бұрын
My fav and day to day is Sublime Text (with plugins) but I do use IntelliJ for Java. I like how IntelliJ and WebStorm does its file pane management (having multiple files open in different panes with the ability to move them around easily). I don’t think you showed that in this video.
@TheSqdf14 күн бұрын
The music is too loud to talk over. Hard to follow.
@AngularUniversity14 күн бұрын
I'm sorry for that, the next video will only have music at the beginning intro, like I usually do. This is just an old video that I never got the chance to publish, that's why it follows the old format. 👍
@giri40414 күн бұрын
Great video as usual. I would appreciate it if the background music is not added, it makes it hard to follow what you are saying.
@AngularUniversity14 күн бұрын
Thank you for the suggestion, actually this is an old video that I hadn't released yet, that is why it still uses the old format with the music. 👍
@cedi292914 күн бұрын
I'm using 35 shortcuts everyday. You're at the very start of mastering the JetBrains products my friend :)
@AngularUniversity14 күн бұрын
New course available, Modern Angular With Signals - angular-university.io/course/angular-signals-course
@MrDrogoyonk15 күн бұрын
Thanks for the info! It is great! Regarding the await, if you have two awaits (one in onRequestTriggered and another one in getCourses), does it mean that you are executing two promises? could it be a performance issue if there were so many functions like that?
@AngularUniversity14 күн бұрын
Not at all, Promises don't cause performance issues. You can have as many awaits as you need, remember that the code after the await is only executed if the Promise gets resolved first. 👍
@MrDrogoyonk14 күн бұрын
@@AngularUniversity great! thanks for your response and for your amazing work!
@weiliangsoon169316 күн бұрын
Hi, i got a question when testing on Angular SSR. in normal SSR application, when user choose some filters on page 1, showing list of data, then navigate to page 2, when navigate back using the browser back button, the filters will remain and as well as the list of data however using Angular SSR, the user filters are gone, is there any way to configure to achieve this behaviour?
@flol326618 күн бұрын
Very useful. Thank you.
@AngularUniversity14 күн бұрын
Thank you so much. Enjoy the videos and stay tuned for more!
@mugatu201719 күн бұрын
we want a book with all your knowledge
@AngularUniversity19 күн бұрын
Do'nt give me any ideas 😊 I'm already spread fin enough across multiple projects 😊
@haroldpepete19 күн бұрын
ummm i don't like put services inside store, store must know only about data and not about services, it's my personal opinion
@SiphiweGwebu19 күн бұрын
Great video 👌🏾 At 5:57, where you add the try block, what's the extension/shortcut that instantly wrapped the below statement in the try block?
@AngularUniversity19 күн бұрын
Thank you, this is the one and only Webstorm, but with a Visual Studio Code Theme 😊
@SiphiweGwebu18 күн бұрын
Oh wow! Nifty!
@FoxRother20 күн бұрын
Awww, damn! I unknowingly had only watched a portion of the short and got it all backwards. This is so nice!
@mouna321ndao421 күн бұрын
Is it the same for input?
@AngularUniversity19 күн бұрын
Yes, altough output is not signal based.
@AlainBoudard22 күн бұрын
Great content Vasco ! Valuable lesson 😎
@AngularUniversity21 күн бұрын
Thank you so much. Enjoy the videos and stay tuned for more!
@mattiamancarella596322 күн бұрын
Everything is too complicated when you don't know how to use it. A good developer shoul know both methods and choose when to use. In my opinion observables are more scalable then async/await.
@AngularUniversity19 күн бұрын
But did you ever try async / await? We've been using it to develop some of the most complex Angular screens that my team has ever put together, and it works like a charm 😊
@stevebor122 күн бұрын
On the fetch you could have shown how to do a then / catch and resolve / reject, rather than wrapping in a try/catch. Great tutorial.
@AngularUniversity19 күн бұрын
I see what you mean, thank you for the suggestion. 👍
@CristianTraina23 күн бұрын
Also in this case "return await" looks like an antipattern to me. It seems that who wrote the code wasn't even aware about promises! I'd rather go with just promise.catch and remove the async from getCourses
@estevaoterci23 күн бұрын
Thanks for the content Vasco! 6:18 Is there any difference in putting the return null inside the catch block or just in the end of the function like you did?
@AngularUniversity20 күн бұрын
Thank you 😉 We need the return at the end, as every path needs to return the expected type.
@ali-1339223 күн бұрын
Vasco, I just wanted to say a HUGE THANK YOU for this video! It helped me understand a lot about promises & error handling! I'm working on a hobby project which will very soon involve "fetch" calls, so this is super valuable! Btw, I'm already annual member of Angular University. But I wanted to know, do you also do 1-1 calls/consultation? I would love to chat with you someday about few topics. Please let me know, thanks - Solat Ali
@AngularUniversity20 күн бұрын
Thank you Solat for choosing the Angular Univ. 😉 Right now I have way too much going on with the AngularUniv and onlinecoursehost.com, so I just don't have the time for 1 on 1 calls. 👍 It's something that I might try one day.
@PeterKlausSchmelzer23 күн бұрын
That is helpful.. ty..
@AngularUniversity23 күн бұрын
Looking to learn how to use async/await in Angular to build modern signal-based applications? Check out my latest course, which is just out - angular-university.io/course/angular-signals-course
@ap_001123 күн бұрын
@10:25, shouldn't it be [value] instead of [(value)], because there's already (valueChange) event ?
@oleksandrsmyrnov829525 күн бұрын
Thanks for the video! Just one question: I thought that apart from improving the rendering times, SSR also helps with SEO in a way that the crawler gets all the texts on the page. However as you inspect the page source after enabling SSR, there are NO texts I can see.. Am I mixing some things up? Why are the texts not there?
@AngularUniversity20 күн бұрын
The text should be there if SSR is on. In principle for search engines like Google, SSR is not needed since may years, it's real benefit is mostly user experience.
@smyrnovoleksandr742920 күн бұрын
Thank you) Does it bring something to make static SSG without SSR?
@upcom1ng11626 күн бұрын
let course = null; if(course && course.title){ console.log(`this course title is ${course.title}`) } I get error Property 'title' does not exist on type 'never'.ts(2339) Using typeScript: Version 5.4.5
@AgustinCampon26 күн бұрын
This feature is amazing, it allows us to right a lot of less code