Angular Material 3 Guide | This Is Future of Design System

[@kylerjohnson988]

Super underrated video. Thanks for the great content and the link to the source code!

[@stevewitman]

Thank you for some Angular Material 3 content! What extension are you using at 8:09 to get the generate component, directives, etc options in the right-click dropdown menu?

[@brogrammers]

marketplace.visualstudio.com/items?itemName=alexiv.vscode-angular2-files

[@stevewitman]

@@brogrammers Wow ! You responded before I even finished watching this video. Just tried it that extension and it works great. Great quality video ... I hope you do more Angular Material 3 videos as it moves out of experimental status. Thank you!

[@donaldoazemaj]

How did you jumped from style.scss fil to node_module/angualr/materils scss file by jsut clicking the import? is there a extension to do that?

[@brogrammers]

I believe it is VS code's core feature 🙂 I don't remember installing separate extension for it.

[@Maratreason]

Finally, the developers of the wonderful Angular material have redesigned it. It’s even nice to visit the site now. Very nice design.

[@brogrammers]

Yes credit goes to Angular Material Developers. Thanks for watching 🙂

[@masalistasyonu]

@@brogrammers

[@lxdzii]

can i use angular material 3 with version 16 angular?

[@brogrammers]

Worth giving a try 🙂 I've not tried it on my own but it is mentioned in release note Angular 17.2 supports Material 3 so I guess V16 or less is most likely no. reference- blog.angular.dev/material-3-experimental-support-in-angular-17-2-8e681dde650e

[@LarsRyeJeppesen]

Great stuff ,thank you

[@brogrammers]

Glad you likes it 😇

[@ChetanSharma-jy8om]

How to change default Primary which is p-40 to something else like mat.define-palette we doing in m2?

[@brogrammers]

You can assign all value from all variables present in @angular/material-experimental or can always define your own color scheme line number 69 in style.scss

[@spartanwka]

The source code is so help... As someone who is starting to learn Angular, I have had a bit of struggle understanding Material docs and Angular as a whole. This code makes it so much clearer for me! Thank you!

[@brogrammers]

Glad it helped!

[@soumalya]

I was trying to use material 3 in angular but could not use it. I could not find any video ratber than this.. really helpful

[@brogrammers]

Glad you liked it 🐱

[@mmar71n]

First of all thanks for the effort to make such a great and useful video! 👍 I have one question, could you create a separate branch on your repo showing the same app with SSR. I have tried to implement it, even took advantage of the ngx-cookie-service-ssr and I still got flickering on the initial serve when the stored theme is different than the default 😢

[@brogrammers]

Hi there, Thanks for watching, i'll try ssr enabled version if as & when time allows for me :) I created a new branch called `ssr-enabled` you can refer same and may be create pull request if you would be able to make some progress. On flickering problem Non-Destructive Hydration is standard solution what I know. Please refer github.com/angular/angular/issues/38242 itnext.io/angular-universal-caching-transferstate-96eaaa386198

[@mmar71n]

@brogrammers Thanks for your reply! I've tried to push to your repository. Unfortunately, it seems that I don't have permissions.

[@brogrammers]

Ohh, I'm sorry in that case. If possible can you create Pull Request through which I can merge your code. Or simply create a issue over GitHub tagging me in I'll figure out rest 👍

[@j.k24]

they shouldve gone for unstyled

[@sow-jr4xr]

first fix ur sound issue

[@brogrammers]

We're small, poor, non funded channel sorry can't afford good mic 🙂

[@masalistasyonu]

@@brogrammers Keep producing great content like this, and one day your channel will get the recognition it deserves on KZbin.