Content Projection in Angular - Complete Guide (Beginners/Advanced)

Поділитися
Вставка
  • Опубліковано 18 лис 2024

КОМЕНТАРІ • 63

  • @DecodedFrontend
    @DecodedFrontend  5 місяців тому +3

    👉 To try everything Brilliant has to offer for free for a full 30 days, visit brilliant.org/DecodedFrontend
    You’ll also get 20% off an annual premium subscription.

    • @raviyadav-ih1dg
      @raviyadav-ih1dg 4 місяці тому

      Hello sir, could you please upload your advance reactive form course on udemy, i want to register as I have access of udemy. I request if it possible , please do it... thank you!

  • @syimykamatov8955
    @syimykamatov8955 5 місяців тому +38

    The best educational content on the Angular framework on UA-cam

    • @DecodedFrontend
      @DecodedFrontend  5 місяців тому +1

      Thank you, Syimyk! I appreciate your feedback 🙌🏻

  • @FranklyTerrible
    @FranklyTerrible 5 місяців тому +9

    You're the only Angular content creator that is worth his salt. You have helped me SO much in the many years I work on Angular. I'm still a bit of a tosser, but without you my projects would be an absolute mess.

  • @bogdanbodirlau2006
    @bogdanbodirlau2006 5 місяців тому +5

    Added to learning queue. I am trying to learn many of your topics. I was struggling a lot to enhance my angular skills. Congrats on making advanced topics easy to understand. 👏👏

    • @DecodedFrontend
      @DecodedFrontend  5 місяців тому +1

      I am so happy to hear that; thank you! There are more to come ;)

  • @pedrofernandes2005
    @pedrofernandes2005 5 місяців тому +2

    Already knew most of what was explained, but what was important is the "why" it is done. Great content as usual.

    • @DecodedFrontend
      @DecodedFrontend  5 місяців тому

      Thanks, Pedro! I appreciate your feedback.

  • @vutruong4164
    @vutruong4164 5 місяців тому +5

    Was a big fan of your structural directive and ngTemplate/Outlet series! And now ng-content, just in time for the new default ng-content slot in Angular 18.
    Thanks for making such high quality content for free Dmytro

    • @vutruong4164
      @vutruong4164 5 місяців тому +2

      The content re-projection part is really sick, I have only been able to re-project with ng-content (no selector) until today I learn that ngProjectAs can be used to persist the selector to lower layer 😮

    • @DecodedFrontend
      @DecodedFrontend  5 місяців тому +4

      That's great to hear :) When I did a research for this video, I was surprised that this topic about ngProjectAs didn't get enough attention.
      P.S. Thank you so much for this detailed feedback. Much appreciate it ;)

  • @weradsaoud2018
    @weradsaoud2018 4 місяці тому +1

    Thank you, your videos on Angular are the best.

  • @halynaua
    @halynaua 5 місяців тому +2

    Thanks, Dmytro. As usual, your explanation is amazing!

  • @dylanjhalltech8313
    @dylanjhalltech8313 5 місяців тому +2

    Thanks for the well thought out material. I think that a clear understanding of content projection is essential for making dynamic reusable components.

  • @tryhuma
    @tryhuma 5 місяців тому +4

    You could consider making a course about angular cdk. thanks for video!

  • @marcolmos9079
    @marcolmos9079 5 місяців тому

    The conditional component projection is just what I was looking for today!! I am working on my custom components library! Thanks!!!

  • @mashab9129
    @mashab9129 2 місяці тому

    thank you for keeping posting high quality content on Angular!

  • @Aliakbaresmaeiliiii
    @Aliakbaresmaeiliiii 5 місяців тому +1

    why you are so kind and so smart so brilliant?
    I really really really appreciate it for these video
    i hope you achieve everything you want
    i always pray for you

  • @vkRenan
    @vkRenan 5 місяців тому +2

    Thanks, i was looking for this content today.

  • @haroldpepete
    @haroldpepete 5 місяців тому

    i have clear one thing on each video you upload, you're the angular's master, the closing part of the video was brutal, thanks, i send you a big huge from colombia

  • @alphamarouanadiallo8238
    @alphamarouanadiallo8238 5 місяців тому

    You are my favorite ref for learning Angular, thanks you really !

  • @nanasarathi
    @nanasarathi 5 місяців тому

    Very informative 👍 I never thought of different variations or scenarios in content projection. Thanks for sharing.

  • @Cooki3monstaJr
    @Cooki3monstaJr 3 місяці тому +1

    Would you be able to access re-projected content programmatically? For example, can you access the projected content from the AppComponent in the ButtonComponent via ContentChildren or ContentChild?

  • @ievgensvichkar2643
    @ievgensvichkar2643 4 місяці тому

    Thank you for the detailed ng-content video. Always learn smth new from your videos. In current one it was - the re-projection tricks and using a directive for getting a reference to a template. Thanks.

  • @yendrrek6703
    @yendrrek6703 2 місяці тому

    Fabulous material. Thanks.

  • @malyna
    @malyna 5 місяців тому

    That is a very nice explanation of ng-content! Thank you!

  • @marcosjrs
    @marcosjrs 5 місяців тому +1

    Very useful, thanks once again for these amazing contents

  • @gsgonzalez88
    @gsgonzalez88 4 місяці тому

    Excelent explanation! thanks!

  • @denisgandzii1551
    @denisgandzii1551 5 місяців тому +1

    Really cool video, second part especially! Many thanks👌

    • @DecodedFrontend
      @DecodedFrontend  5 місяців тому

      Glad to hear that because I was actually in doubt if I should cut the part with conditional content projection to make video shorter :D

    • @denisgandzii1551
      @denisgandzii1551 5 місяців тому

      @@DecodedFrontend definitely no!

  • @dale_nguyen
    @dale_nguyen 5 місяців тому

    Thanks for the video. It's very informative 👏

  • @gagiksimonyan3782
    @gagiksimonyan3782 5 місяців тому

    Thanks for another useful video, Dmytro) always learn something interesting and helpful

  • @zer09815
    @zer09815 5 місяців тому

    I really appreciate your work , thanks :)

  • @heavierthanlight7173
    @heavierthanlight7173 5 місяців тому +1

    I've seen your other video about NgTemplateOutlet. Very informative and thank you for that. My main confusion is: when to use a defined template with ngTemplateOutlet and when to use ngContent. I know the relationship of ngContent is a parent child and the TOutlet doesn't have that kind of relation. But when do I use ngContent over the ngtemplateoutlet when reasoning about a such problems? What is the distinct statement for: OH, now I have to use ngContent... or oh, now I have to use ngTemplOutlet?

    • @heavierthanlight7173
      @heavierthanlight7173 5 місяців тому +1

      Well..., posted this at 15min. And my question answered at 20min.
      Thnx!

  • @aleksandrterentev6369
    @aleksandrterentev6369 2 місяці тому

    Gracias! Muy bien!

  • @avijitghosh9472
    @avijitghosh9472 3 місяці тому

    The content shared in this video about content projection is a course in itself :)

  • @CeezGeez
    @CeezGeez 5 місяців тому +1

    thank you!

  • @monfernape
    @monfernape 5 місяців тому +1

    Content projection in Angular 18 seems a bit more sophisticated than that of React. Slots are a great pattern, I wish we could have a dedicated slot keyword for this sorta stuff. Using classes as identifier would be a mistake too.

  • @CodeZakk
    @CodeZakk 5 місяців тому +1

    Hi thank you for the content. My question is should i convert my production app to zoneless is it recommended?

    • @ugochukwuumerie6378
      @ugochukwuumerie6378 5 місяців тому +1

      It's still in an experimental phase, I would suggest you wait.

    • @DecodedFrontend
      @DecodedFrontend  5 місяців тому +1

      Thanks for your comment! Well, if it is a small & non-critical project, then you can relatively easily migrate to Zone-less to try it out. For bigger and more important projects, I would wait a little bit because (as it was mentioned above) it is still an experiment phase. However, in the long run (e.g., 1 year), I would definitely set the goal to become zoneless. Just don't hurry up. The benefits of Zoneless apps are big but not so big to start migration ASAP with a risk of breaking the app :)

  • @eduardointech
    @eduardointech 5 місяців тому

    Thank you so much!

  • @4444-c4s
    @4444-c4s 5 місяців тому +1

    I want you to make videos on below topics as your explanation is Top notch.
    1. Performance optimization techniques for Large scale applications
    2. How to migrate to Angular 17 from any version for eg. 11

  • @syimykamatov8955
    @syimykamatov8955 5 місяців тому +2

    love your content.

  • @TheMKilo8
    @TheMKilo8 5 місяців тому +2

    Amazing content... ng-content :)

  • @deadlyecho
    @deadlyecho 5 місяців тому

    Dmytro back at it like a bad habbit 🎉😂

  • @BalonasulTudor
    @BalonasulTudor 2 місяці тому

    Also there are some some bugs with angular--ssr and ng-content that the page will not render unless, the ng-content is whitin a @defer selector

  • @azizulhoq3316
    @azizulhoq3316 3 місяці тому

    Best! Best!!

  • @Niachan666
    @Niachan666 5 місяців тому

    Great

  • @radvilardian740
    @radvilardian740 5 місяців тому

    the only one thing that prevent ppl to understand ur explanation is they dont know english 😂

  • @webcoach.digital
    @webcoach.digital 5 місяців тому +1

    Thank you - Great video with a good overview! Angular is so much ahead of React.

    • @DecodedFrontend
      @DecodedFrontend  5 місяців тому

      Thanks for your feedback. Angular is awesome!

  • @ViktosB
    @ViktosB 5 місяців тому

    Again amazing content! Thank you!