Almost a year ago I wrote a story about how I refactored a project to use Tailwind CSS, Angular, and Material.
I knew at the time I could use Tailwind to change the styles, (ex. User Dropdown Menus, Mobile Side Navigations), however getting those actually to function with JavaScript and to animate properly was foggy in my brain. This is why I kept the Material core functionality in the project, but I knew it was overkill.
Also, while looking at one of my build directories for a starter project, I noticed that the css
file was around 109 KB. This seemed rather odd to me so I opened it up and could see that there were a lot of style classes coming from Angular Material for components that were not included in my application 😢
Welcome, TWUING, to bridge 🌉 the mental gap 🎉 and allow me to remove that dependency on Material.