Тёмный
Angular University
Angular University
Angular University
Подписаться
High quality Angular courses - angular-university.io Learn and keep up with the fast moving Angular ecosystem.

- Learn the Angular framework from beginner to intermediate or advanced.
- Stay up-to-date with the latest developments and features via small bite-sized videos of around 5 minutes.

Follow us:

Twitter - twitter.com/AngularUniv
Facebook - facebook.com/angular.university
Why Angular Signals? Write Your First Signal
14:25
2 месяца назад
Комментарии
@juliancapponi4788
@juliancapponi4788 3 дня назад
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?
@ricardomiguel7242
@ricardomiguel7242 7 дней назад
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.
@AngularUniversity
@AngularUniversity 7 дней назад
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. 👍
@ebichu8126
@ebichu8126 9 дней назад
signalStore + service is quite appealing approach. How do you think of it?
@bones_twisting_sorrow4750
@bones_twisting_sorrow4750 9 дней назад
very sensible
@rozzs74
@rozzs74 9 дней назад
for me this approach is much cleaner compared to old school way
@AngularUniversity
@AngularUniversity 9 дней назад
It's much less verbose, isn't it? 😊
@MikelAingeru
@MikelAingeru 9 дней назад
Excellent video! Can you please explain why is it needed the injector?
@AngularUniversity
@AngularUniversity 9 дней назад
Thank you, it's because in that particular situation there is no injector to perform the dependency injection, so we need another mechanism. 👍
@joshuatye1027
@joshuatye1027 10 дней назад
This is why I have switched to vue. Signals are just vue refs and vue comes with state management from pinia.
@manuelraso5446
@manuelraso5446 12 дней назад
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?
@AngularUniversity
@AngularUniversity 9 дней назад
Thank you, there is so far no extension but there will be one soon I bet 👍
@sreet2841
@sreet2841 12 дней назад
Really nice. Good job
@AngularUniversity
@AngularUniversity 9 дней назад
Thank you! Cheers!
@chaseliu5011
@chaseliu5011 12 дней назад
angular team lacks of vision
@AngularUniversity
@AngularUniversity 9 дней назад
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. 👍
@andyhb1970
@andyhb1970 13 дней назад
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!
@AngularUniversity
@AngularUniversity 13 дней назад
Happy to hear you enjoyed it, I've been using it for about 10 years it works awesome. 😊
@eduardointech
@eduardointech 14 дней назад
Thank you!
@kkkheladze
@kkkheladze 14 дней назад
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).
@AngularUniversity
@AngularUniversity 13 дней назад
I usually just wait a couple of weeks and update, they support new features really fast. 😊
@aayushkc2306
@aayushkc2306 14 дней назад
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
@burningtree878
@burningtree878 14 дней назад
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.
@TheSqdf
@TheSqdf 14 дней назад
The music is too loud to talk over. Hard to follow.
@AngularUniversity
@AngularUniversity 14 дней назад
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. 👍
@giri404
@giri404 14 дней назад
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.
@AngularUniversity
@AngularUniversity 14 дней назад
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. 👍
@cedi2929
@cedi2929 14 дней назад
I'm using 35 shortcuts everyday. You're at the very start of mastering the JetBrains products my friend :)
@AngularUniversity
@AngularUniversity 14 дней назад
New course available, Modern Angular With Signals - angular-university.io/course/angular-signals-course
@MrDrogoyonk
@MrDrogoyonk 16 дней назад
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?
@AngularUniversity
@AngularUniversity 14 дней назад
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. 👍
@MrDrogoyonk
@MrDrogoyonk 14 дней назад
@@AngularUniversity great! thanks for your response and for your amazing work!
@weiliangsoon1693
@weiliangsoon1693 16 дней назад
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?
@flol3266
@flol3266 18 дней назад
Very useful. Thank you.
@AngularUniversity
@AngularUniversity 15 дней назад
Thank you so much. Enjoy the videos and stay tuned for more!
@mugatu2017
@mugatu2017 19 дней назад
we want a book with all your knowledge
@AngularUniversity
@AngularUniversity 19 дней назад
Do'nt give me any ideas 😊 I'm already spread fin enough across multiple projects 😊
@haroldpepete
@haroldpepete 19 дней назад
ummm i don't like put services inside store, store must know only about data and not about services, it's my personal opinion
@SiphiweGwebu
@SiphiweGwebu 20 дней назад
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?
@AngularUniversity
@AngularUniversity 19 дней назад
Thank you, this is the one and only Webstorm, but with a Visual Studio Code Theme 😊
@SiphiweGwebu
@SiphiweGwebu 19 дней назад
Oh wow! Nifty!
@FoxRother
@FoxRother 20 дней назад
Awww, damn! I unknowingly had only watched a portion of the short and got it all backwards. This is so nice!
@mouna321ndao4
@mouna321ndao4 22 дня назад
Is it the same for input?
@AngularUniversity
@AngularUniversity 19 дней назад
Yes, altough output is not signal based.
@AlainBoudard
@AlainBoudard 22 дня назад
Great content Vasco ! Valuable lesson 😎
@AngularUniversity
@AngularUniversity 21 день назад
Thank you so much. Enjoy the videos and stay tuned for more!
@mattiamancarella5963
@mattiamancarella5963 22 дня назад
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.
@AngularUniversity
@AngularUniversity 19 дней назад
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 😊
@stevebor1
@stevebor1 23 дня назад
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.
@AngularUniversity
@AngularUniversity 19 дней назад
I see what you mean, thank you for the suggestion. 👍
@CristianTraina
@CristianTraina 23 дня назад
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
@estevaoterci
@estevaoterci 23 дня назад
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?
@AngularUniversity
@AngularUniversity 21 день назад
Thank you 😉 We need the return at the end, as every path needs to return the expected type.
@ali-13392
@ali-13392 23 дня назад
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
@AngularUniversity
@AngularUniversity 21 день назад
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.
@PeterKlausSchmelzer
@PeterKlausSchmelzer 23 дня назад
That is helpful.. ty..
@AngularUniversity
@AngularUniversity 24 дня назад
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_0011
@ap_0011 24 дня назад
@10:25, shouldn't it be [value] instead of [(value)], because there's already (valueChange) event ?
@oleksandrsmyrnov8295
@oleksandrsmyrnov8295 25 дней назад
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?
@AngularUniversity
@AngularUniversity 21 день назад
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.
@smyrnovoleksandr7429
@smyrnovoleksandr7429 21 день назад
Thank you) Does it bring something to make static SSG without SSR?
@upcom1ng116
@upcom1ng116 26 дней назад
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
@AgustinCampon
@AgustinCampon 27 дней назад
This feature is amazing, it allows us to right a lot of less code