Building a Recursive Angular Sidebar Component

#angular #sidebar #recursion

📽️ Complete playlist for the Angular youtube sidebar

📽️ My courses:

✍️My blog for more free Angular posts:

In this video, we explore the power of recursion in Angular by enhancing a YouTube nested sidebar. Learn how to implement multi-level nesting using recursive components, making your code cleaner and more flexible.

Socials:

Sections
00:00 Introduction to Inception and Recursion
00:59 Understanding Recursion with Examples
02:05 The YouTube Sidebar Challenge
04:22 Implementing Recursive Components
06:45 Testing and Debugging the Sidebar
10:01 Enhancing Flexibility and Usability
20:05 Dynamic Route Generation
24:22 Conclusion and Free Gift

[DirtySouthT]

that is awesome actualy, so this just made me change my mind on some things with my multi layout app. this just made it way cleaner i used the original videos for your sidebar with 1 level :) thanks man!

[codeaz]

I love how you make useful videos instead of boring and useless contents. Keep going Sir. Thank you for everything! Done ✅

[kalinmagnum]

thanks for sharing, the explanation is very good.

[brianm]

I’ve just seen another video of yours about recursive components. Will watch that too

[rafaelTomelin]

This video is great. You do have excellent videos about Angular, congratulations!!!❣

[DirtySouthT]

i just signed up and bought it for helping support you as well! really love this type of stuff keep on keeping on, inspiring me to do better

[PrajinSP]

Thank you so much for this amazing tutorial on Angular! Your explanations were clear and really helped me understand the concepts better. I appreciate the effort you put into creating this content. Keep up the great work!

[SanaTamboli]

Hi, It’s a very awesome video, I have one question, I don’t have nested routing in my sidebar, so then how could I get the levels of the routes to set the indentation?

[ianvink]

If you haven't already, a video on using the host {} in the Component header and the various elements you can set in it would be a good video. Reducing the # of DIVs is a great benefit for example

[LarsRyeJeppesen]

Great stuff. Have you thought about mobile use? Right now it doesn't really work well on Mobile - I guess you could change the sidebar to be "over" in mobile mode.

[rafaelTomelin]

you do make a video about the menu from the Firebase datastore!!!

[satheeshkumark]

It's a great playlist. How to make it as responsive page?

[AkhilManikandan-ie]

hai zoaib, you are doing a brilliant work in helping people like me, can you make a continuation of this same project with an addition of a dark mode toggler in the toolbar this time, in which when clicked the sun icon changes into a moon icon and vice

[LarsRyeJeppesen]

The way your routing works, I believe it imperatively loads all components? There is no lazy loaded route at all? Is that so? One think I would change is that instead of storing the component, you'd store the path to the page, then you have a function in your sidebar component that routes to that page.

[LarsRyeJeppesen]

Can you not safely delete CommonModule that is imported in all the components?

[fayazvar]

I have not bought the source code, but i passed your videos many time and completed the Navigation Menu. Only one thing i could not do that, how to apply the color theme.

[Animesh]

I am i years of exp in angular developer, i did't find any angular vacancy what should i do

[nejmaljamal]

Can't we just use angular mat tree component instead