Angular Material or Bootstrap? Stop asking the question! - Amadou Sall | NG-DE 2019
HTML-код
- Опубликовано: 27 июл 2024
- Angular Material AND Bootstrap for your next Angular application? It doesn’t make sense, does it? The first time I talked to my colleagues about combining the two, they laughed at me. But now, they love the approach because it works like a charm. In this session, we will see how we can leverage the best parts of both libraries to build beautiful, maintainable, and responsive Angular applications with very little CSS.
Amadou Sall: ng-de.org/speakers/amadou-sall/
Slidedeck: speakerdeck.com/ahasall/angul...
Follow us on twitter / ngdeconf
Official Website: ng-de.org/
Video Production: medienkompetent.com
At 19:15 He asks which one is the best and he is met with silence! lol. I would have yelled "BOOTSRAP!! IT HAS MORE TICKS!" lol
I like this guy. Very clear and practical.
I m using bootstrap and angular together
This was a very useful presentation. I'm glad I found it.
The great lecture.. Appreciated.
Such a great video.... Thankyou
Well-structured presentation!
I have the same point of view. Take the best of both worlds. :) I love the cdk, and material and bootstrap too. Most of the times I can't decide the style (Bootstrap/Material) of our new project, but under the hood I use both. I have a project, where I hacked the MatTab to look like a bootstrap tab but still have all the functions MatTab has :) I like the mobile first world view, and it makes me sad, that the material team did not take this path too. :/
Tailwind css would be perfect fit for this.
thanks you
Does anybody know where I can find a starter example for this
decision?
How much does this increase the size of your app....using both bootstrap and material?
What if you're using CDN and don't need the app to function offline?
Hi Amadou, we just have this discussion in our project. So your speech is very helpful. But what I don't fully understood is the maintainability at the end. How do I get rid of my CSS classes when removing HTML? Is there a blog or something that explains it?
When using utility-css approaches, we are often assuming that the utility classes we have are used in many places in our markup, so removing some markup wouldn't leave us with utility classes that are no longer used. We are assuming our app uses a consistent design system, independent of the exact components and content that design system is being applied to.
This post by Adam Wathan does a great job explaining that there are two sides of a spectrum - HTML dependent CSS and CSS dependent HTML. Utility CSS is HTML dependent on CSS.
adamwathan.me/css-utility-classes-and-separation-of-concerns/
It might be the case that when you remove a component, you are left with utility classes that aren't being used in your app and this can be analogous to JavaScript from libraries that can't be tree shaken despite not being used in your app. There are solutions to this problem (namely PurgeCSS www.purgecss.com/ which is often used with TailwindCSS), but it's not as big of a problem as you might think if your app is the type that we are assuming it is when adopting utility css.
even in this presentation you define your own utility classes. But why not just use material + tailwind instead
What about performance?
❤️
Just saw this speech and I am speechless... Google spent millions on their Material Design and this guy want's to mash it with Bootstrap just to make things look beautiful? Beauty is just a tiny part of UI design....
Clearly you are a google employee and/or fan
Tailwind + Material
its all great until you actually start working on it and face the reality of official documentations.
thanks!
Thank god Jquery is not required anymore with Bootstrap 5
Primeng