New in Angular 18: Unified Control State Change Events for Forms

[@theigorsedov]

The events (new observable) allows filtering within your subscription using RxJS operators. You can subscribe to the entire stream and then use operators like filter to only include events you care about. This avoids long chains of conditions in your component logic. Code example: igorsedov.com/s/ng-rxjs-unified.png P.S. Thanks for the interesting question, @deadlyecho

[@BiswajitPaul01]

Wow, never seen such a curated polished educational video. Hats off🎉

[@theigorsedov]

Thank you very much!👍 I really appreciate you noticing the effort put into creating a polished and well-curated video. I try to make learning easy, enjoyable and productive (short and to the point). I value your comment, it helps the channel grow! My goal is to make learning frameworks like Angular🚀 as easy and accessible as possible.

[@adriangschwend2792]

I second that, fantastic work

[@HealmaTech]

Awesome, you just earned a subscriber ❤

[@theigorsedov]

@adriangschwend2792 Thanks so much for your positive comment! 👍 That really means a lot to hear you think my work is fantastic. I always strive to do a great job!

[@theigorsedov]

@mahmudadamusman8264 Thank you for your kind words and subscription! 👍♥️ This support helps the channel grow and create more videos.

[@returncode0000]

If only more videos in tech prefer this style of explaining things with visuals/illustrations. Very good video, thanks👍

[@theigorsedov]

Thanks for the kind words!👍 I completely agree, visuals are fantastic for explaining tech concepts. Graphics can improve understanding and shorten learning time - that's exactly what I aim for in my videos and on this channel!

[@franciscofdez8334]

Dude, your presentation animations are sooo cool that I can follow and understand your explanations effortless. Nice !

[@theigorsedov]

Thank you so much!👍 I'm glad to hear that the animations helped you follow and understand the explanations effortlessly. This is the goal I strive for, spending a lot of time and effort on creating these videos. Your feedback is greatly appreciated! 😊

[@Bjeaurn]

These animations are so well done. Such a nice way to show an example.

[@theigorsedov]

Thank you!👍 I'm glad you liked the animation. My goal is to use visuals like that to make explanations clearer.💡 Stay tuned!

[@fitsuit1555]

how do you make them?

[@theigorsedov]

If you are talking about graphics, then I use: ● Apple: Final Cut Pro and Motion ● Adobe: Photoshop and Illustrator (also trying Premiere Pro and After Effects) ● Various less functional tools ● I'm trying to use various process automation tools Unfortunately, this process is slow and requires a lot of effort and time.

[@fitsuit1555]

@@theigorsedov thank you for the answer. I wish you success with this channel/project. you deserve it

[@theigorsedov]

Thank you very much for your wish!

[@LeandroTassinari]

Very good and explanatory. It must take a lot of work to make this video well done and educational. That's why it deserved a like and I'm subscribed.

[@theigorsedov]

Thank you so much!👍 I really appreciate you taking the time to comment and being a part of the channel! Your continued support helps me create more videos.👨‍💻 You're absolutely right, it does take a lot of effort, but comments like yours make it all worthwhile!

[@wolfisraging]

Another great video with great & simple explanation. Appreciate it Igor, thanks for your efforts.

[@theigorsedov]

I'm always glad to see you here.🤝 Thanks for watching, commenting and support.👍 I'm already working on the next video.👨‍💻

[@TheiPotter]

Thank you for putting so much effort into the visual animations. They add a flow to the video that makes it much easier to follow the information.

[@theigorsedov]

Thank you!👍 I'm really glad you liked the explanation brought to life with the visual animations. Visuals can be a powerful tool, making information even more understandable, intuitive, and logical. I try to ensure that every moment in the video has nothing superfluous - just to the point; this really helps make it easier to understand and more enjoyable. This is the goal of my channel.

[@rajeevmehta2050]

First time seen such a creative way to present info ❤❤❤ keep doing in the same 🎉

[@theigorsedov]

Thank you very much!👍 I'm glad you appreciated my way of explaining and approach to creating videos.♥️ This is the goal of my channel. I'm already working on a new video. Subscribe to stay tuned for more! 🔜

[@mikhailratner4649]

Dude, this presentation style is incredibly well done and fits perfectly with Angular... it shows all the important things and and how they are connected across different parts of the code. You got a new subscriber!

[@theigorsedov]

Thank you so much for the detailed feedback! I truly appreciate it, and especially for subscribing! 👍 Your support helps me create more videos. Yes, I agree with you about the style. Using animation correctly helps me explain complex concepts more easily and clearly. This is the purpose of my channel: making complex concepts simple. 🅰️ Angular is a large and complex framework, but quality videos significantly reduce entry barriers.

[@bidyutmandal1900]

you explained very well

[@theigorsedov]

Thank you!👍 I appreciate you letting me know the explanation was clear. That's what I strive for! Stay tuned for more clear and concise Angular🚀 content coming soon!

[@kurasai6009]

this is so well done, hope to see more videos in the future!

[@theigorsedov]

Thank you so much for your feedback!👍 I'm glad you enjoyed the video. New videos will be coming to the channel soon! Your subscription help me release more videos more often.

[@JulienAmelot]

Well explained, and top notch animations! 💪

[@theigorsedov]

Thank you, I'm glad you liked the explanation and animation!👍 Animation helps make the explanation clearer and makes watching the video more enjoyable.

[@CaptainCsaba]

Very informative, very easy to understand.

[@theigorsedov]

This is great to hear, thank you!👍 Making clear and easy to understand videos is a top priority.🥇 Your feedback is valuable.

[@shahdharmen]

Simple explanation with cool illustrations 🙌

[@theigorsedov]

Thanks! I'm glad you liked the explanation!👍 Animation helps make the explanation simpler and clearer. I'm glad that I managed to achieve this goal.✔️ Stay tuned for more Angular content coming soon!

[@micUrCr7]

Bro keep posting bro angular videos , very useful

[@theigorsedov]

I'm glad you found my video useful!👍 I'm already working on a new video. Starting next month, videos will be released more often. Stay tuned! 🔜

[@c0mpuipf]

Very good stuff thanks ror the effort

[@theigorsedov]

Thanks for the positive feedback!👍 I'm glad the video was useful! Stay tuned for more content about Angular 18 coming soon!🚀

[@gabrr.community]

that's not a video, that's art!

[@theigorsedov]

Thank you so much for the great comment! 😊 I'm really glad you liked the video. I put a lot of effort into creating these, and it’s awesome to hear it’s appreciated. There are also other videos about Angular on my channel, and a new one is coming in a few days. Feel free to subscribe! Your support helps me create and post more videos more often. 👍

[@JayTailor45]

Great video and it is even better with the animations. Thanks!

[@theigorsedov]

Thanks for the positive feedback!👍 I'm thrilled you enjoyed the explanation brought to life with the animations. Animation makes explanations simpler, clearer, and more enjoyable. Stay tuned for more 🅰️ Angular content coming soon!

[@lucianomangiaterra880]

Great video! Thanks for sharing!

[@theigorsedov]

Thanks for watching and the positive feedback!👍 Really happy to see you subscribed.🤝 Lots more content coming your way, stay tuned!

[@mktrann]

The way you made the video presentation is so inspiring. How long did it take to make this video?

[@theigorsedov]

Thank you, that's very inspiring to hear!👍 I'm already working on the next one.👨‍💻 To answer your question, creating a video takes roughly 3-4 hours per minute of final footage (15-20 hours for this video). This doesn't include scriptwriting, voice acting, or brainstorming explanations. It's a lengthy process, but I'm happy with the outcome.🙂

[@FabioBiondi]

Amazing video. Can I know what software have you used to create it? Thank you : )

[@theigorsedov]

Thank you for a great compliment.👍 To create the video, I rely on a core set of tools from Apple (Final Cut Pro and Motion) and Adobe (Photoshop and Illustrator). My workflow relies on a combination of vector and raster graphics. A significant portion still requires manual work, and I'm actively exploring automation tools and experimenting with new software to streamline the process. In addition to the core software, I use various smaller tools depending on the specific needs of each video. I'm constantly experimenting with different approaches and tools, and for some smaller tasks, I've even tried mobile apps, though the results haven't been good. While I use some automation tools like AppleScript, a significant portion of the process still requires manual work.🙂

[@FabioBiondi]

@@theigorsedov thank you very much for all the info. It's an amazing work and I can imagine how much effort it requires. I rarely comment videos but this time I couldn't do it. Great work! ❤ 💪

[@theigorsedov]

Thank you, I really appreciate your feedback!♥️ It is important for me to know that it is useful and achieves its goal. Yes, I feel every minute and every second of the video. 💪 😊

[@deadlyecho]

Wouldn't this introduce a code smell since I have to have these If statments ? I think it would have been better if the events are separated, right ?

[@theigorsedov]

Thanks for the interesting question.👍⬇️ ➡️ I wrote a code example for you: igorsedov.com/s/ng-rxjs-unified.png ℹ️ The new observable allows filtering within your subscription using RxJS operators. You can subscribe to the entire stream and then use operators like filter to only include events you care about. This avoids long chains of conditions in your component logic. ❓ As far as I understand from the request for a new feature described on the page, the reasons were the following: ● Flexibility. A single observable gives more flexibility. ● Reduced API bloat. Having a separate observable for each state change would significantly increase the complexity of the API. ● Improved maintainability. A single observable simplifies maintenance and reduces the risk of introducing issues. New feature request page: github.com/angular/angular/issues/10887

[@deadlyecho]

@@theigorsedov Thanks for responding 😄 great I will check it out, keep up the good content 👍 💥

[@theigorsedov]

I'm already working on a new video.👨‍💻😊 I'm also thinking of making a short video about event filtering.

[@deadlyecho]

@@theigorsedov Yeah, it would be a great idea.. especially if you addressed the case where you need to subscribe to multiple events and each subscription handle a different type and consequently each will have for example a class as handler for each event type... handlers could be services injected from a parent component to control the desired behaviour, or use a default handler instantied inside the child component itself.. but that might be too much 😅

[@theigorsedov]

Yes, the number of combinations and variations can be overwhelming.😊 I will create KZbin Short demonstrating the basic principle of filtering by event. I'll also show how to filter by event value, like status. This will be accompanied by a post in community and on social media.

[@zirexpl6395]

Great animations and such a great material to learn in a lovely way! Just the spelling word "function" bothers me :D Hope u will improve that in next videos! Sub+ :)

[@theigorsedov]

Thanks for the positive comment and subscription!👍 Your support is valuable and helps the channel grow. I'm glad you liked the video and animation! Thanks for the tip.

[@LarsRyeJeppesen]

Do we need to unsubscribe the event subscriptions?

[@theigorsedov]

Thanks for the interesting question! Unsubscribing from events in Angular isn't strictly required, but it's considered good practice in certain scenarios. For example, unsubscribing can help avoid memory leaks and improve performance when dealing with a large number of subscriptions.

[@925082]

Hey bro how can we make such a intractive video showing line and helight items. Any software or any tool

[@theigorsedov]

The source footage often goes through one or two processing tools. Videos consist of various elements: vector graphics (quite a lot), screenshots and video screen capture, and raster graphics. For example, in some cases I redraw a screenshot into a vector graphic. I often combine vectors and screenshots. I don't have any single main tool.👨‍💻 My frequently used ones include: ● Apple: Final Cut Pro and Motion ● Adobe: Photoshop and Illustrator, (trying Premiere Pro and After Effects) ● Various less functional tools. ● I'm trying to use various process automation tools, for example, AppleScript. So far there has been little progress due to lack of time to study. I'm still in the process of creating the final set of tools, and different videos on the channel were made in different programs (I'm still experimenting with this).🙂

[@rohit87k]

@Igor Sedov, Where are you man. waiting for your videos

[@theigorsedov]

Thanks so much for your patience and support!👍 I apologize for the delay-I've just been busy with a lot on my plate these past two months. 😔 I will release a new video on the channel in a few days, with another one coming shortly after. I’m also working on increasing the frequency of new video releases. Thanks again for sticking around!🤝

[@Денис-ц7э4в]

Шикарный туториял. Игорь, а можно ли подписываться не в ngOnInit, а в боди конструктора?

[@theigorsedov]

Спасибо большое за добрые слова!👍 Да, конечно можно и в конструкторе и в методах. Везде где вы можете "дотянуться" до формы. ngOnInit я использовал просто для примера. Вот примеры с конструктором и методом. Конструктор: drive.google.com/file/d/1V5INfNVCSVkNwz36LQ1ASBg9BR1UZVJG/view?usp=sharing Метод: drive.google.com/file/d/1t27zk8T5yZbKzDh3y0PnwfajFspOcCbw/view?usp=sharing