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

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 พ.ย. 2024

ความคิดเห็น • 63

  • @DecodedFrontend
    @DecodedFrontend  6 หลายเดือนก่อน +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 6 หลายเดือนก่อน +38

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

    • @DecodedFrontend
      @DecodedFrontend  6 หลายเดือนก่อน +1

      Thank you, Syimyk! I appreciate your feedback 🙌🏻

  • @FranklyTerrible
    @FranklyTerrible 6 หลายเดือนก่อน +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.

  • @vutruong4164
    @vutruong4164 6 หลายเดือนก่อน +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 6 หลายเดือนก่อน +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  6 หลายเดือนก่อน +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 ;)

  • @bogdanbodirlau2006
    @bogdanbodirlau2006 6 หลายเดือนก่อน +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  6 หลายเดือนก่อน +1

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

  • @pedrofernandes2005
    @pedrofernandes2005 6 หลายเดือนก่อน +2

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

    • @DecodedFrontend
      @DecodedFrontend  6 หลายเดือนก่อน

      Thanks, Pedro! I appreciate your feedback.

  • @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.

  • @halynaua
    @halynaua 5 หลายเดือนก่อน +2

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

  • @weradsaoud2018
    @weradsaoud2018 5 หลายเดือนก่อน +1

    Thank you, your videos on Angular are the best.

  • @Aliakbaresmaeiliiii
    @Aliakbaresmaeiliiii 6 หลายเดือนก่อน +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 6 หลายเดือนก่อน +2

    Thanks, i was looking for this content today.

  • @mashab9129
    @mashab9129 2 หลายเดือนก่อน

    thank you for keeping posting high quality content on Angular!

  • @haroldpepete
    @haroldpepete 6 หลายเดือนก่อน

    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

  • @marcolmos9079
    @marcolmos9079 6 หลายเดือนก่อน

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

  • @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 3 หลายเดือนก่อน

    Fabulous material. Thanks.

  • @tryhuma
    @tryhuma 5 หลายเดือนก่อน +4

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

    • @DecodedFrontend
      @DecodedFrontend  5 หลายเดือนก่อน +1

      Thanks for this great idea 🙌

  • @nanasarathi
    @nanasarathi 6 หลายเดือนก่อน

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

  • @alphamarouanadiallo8238
    @alphamarouanadiallo8238 6 หลายเดือนก่อน

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

  • @malyna
    @malyna 6 หลายเดือนก่อน

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

  • @marcosjrs
    @marcosjrs 6 หลายเดือนก่อน +1

    Very useful, thanks once again for these amazing contents

  • @Cooki3monstaJr
    @Cooki3monstaJr 4 หลายเดือนก่อน +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?

  • @gsgonzalez88
    @gsgonzalez88 4 หลายเดือนก่อน

    Excelent explanation! thanks!

  • @denisgandzii1551
    @denisgandzii1551 6 หลายเดือนก่อน +1

    Really cool video, second part especially! Many thanks👌

    • @DecodedFrontend
      @DecodedFrontend  6 หลายเดือนก่อน

      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 6 หลายเดือนก่อน

      @@DecodedFrontend definitely no!

  • @gagiksimonyan3782
    @gagiksimonyan3782 6 หลายเดือนก่อน

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

  • @dale_nguyen
    @dale_nguyen 6 หลายเดือนก่อน

    Thanks for the video. It's very informative 👏

  • @aleksandrterentev6369
    @aleksandrterentev6369 3 หลายเดือนก่อน

    Gracias! Muy bien!

  • @zer09815
    @zer09815 6 หลายเดือนก่อน

    I really appreciate your work , thanks :)

  • @TheMKilo8
    @TheMKilo8 6 หลายเดือนก่อน +2

    Amazing content... ng-content :)

  • @CeezGeez
    @CeezGeez 6 หลายเดือนก่อน +1

    thank you!

  • @monfernape
    @monfernape 6 หลายเดือนก่อน +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 6 หลายเดือนก่อน +1

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

    • @ugochukwuumerie6378
      @ugochukwuumerie6378 6 หลายเดือนก่อน +1

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

    • @DecodedFrontend
      @DecodedFrontend  6 หลายเดือนก่อน +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 :)

  • @avijitghosh9472
    @avijitghosh9472 4 หลายเดือนก่อน

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

  • @eduardointech
    @eduardointech 6 หลายเดือนก่อน

    Thank you so much!

  • @syimykamatov8955
    @syimykamatov8955 6 หลายเดือนก่อน +2

    love your content.

    • @DecodedFrontend
      @DecodedFrontend  6 หลายเดือนก่อน

      Glad to hear that! Thank you 😊

  • @4444-c4s
    @4444-c4s 6 หลายเดือนก่อน +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

  • @heavierthanlight7173
    @heavierthanlight7173 6 หลายเดือนก่อน +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 6 หลายเดือนก่อน +1

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

  • @azizulhoq3316
    @azizulhoq3316 3 หลายเดือนก่อน

    Best! Best!!

  • @deadlyecho
    @deadlyecho 6 หลายเดือนก่อน

    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

  • @Niachan666
    @Niachan666 6 หลายเดือนก่อน

    Great

  • @radvilardian740
    @radvilardian740 6 หลายเดือนก่อน

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

  • @webcoach.digital
    @webcoach.digital 6 หลายเดือนก่อน +1

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

    • @DecodedFrontend
      @DecodedFrontend  6 หลายเดือนก่อน

      Thanks for your feedback. Angular is awesome!

  • @ViktosB
    @ViktosB 6 หลายเดือนก่อน

    Again amazing content! Thank you!