preface: swearing.
because anger.

So. I'm trying to use Material Design with Material UI. The components and UI look *great*.

It's from google, though, which really pisses me off. but I like what I can do with the UI.

HOWEVER.
I really want a grid system for responsiveness. because obviously. besides, i really hate doing all the responsive shit myself. it sucks and i hate it.

Material Design does not include a grid system. okay, it includes a grid component, but it's not for site layout. it's for making a grid of images. or something.

What it does include is a lot of very lengthy documentation on what you should do, complete with fancy graphics saying "THIS IS HOW YOU MUST DO IT OR YOU'RE DOING IT ALL WRONG" -- but they don't actually support it! you must do it all yourself.

Why oh why would they tell you how you must do things if they don't provide the tools to make it possible? fucking google.

You might decide it's a grand idea to interject at this moment and say: "there are plenty of tools out there that allow you to do this!" And sure, you'd be right. however -- and i think this might just barely might be worth mentioning -- THEY REALLY FUCKING SUCK. Hey, let's look at some of the classes! So clear and semantic! This one was nice and simple: "xs4" -- but wtf does that mean? okay, it apparently means 4 columns as they'd appear on an extra-small layout. How does that work on a large layout? Who knows. Now, how about "c12"? okay, maybe 12 columns? but how does that display on a phone with a layout small enough to only have 4 columns? i don't know! they don't know! nobody knows!

oh oh oh oh. and my particular favorite: "mdc-layout-grid__cell mdc-layout-grid__cell--align-bottom" WHAT. THE. FUCK. I'm not writing a goddamn novel! and that one claims to be from google itself. either they've gone insane or someone's totally lying. either way, fuck them.

SO. TERRIBLENESS ASIDE.

Instead of using Material Design v0.fuckoff that lacks any semblance of a grid layout, I figure I'll try v1.0 alpha that actually has one supported natively. It's new and supports everything I need. There's no way this can't be a good idea.

The problem is, while it's out and basically usable, none of the React component libraries fucking work with it. Redux-Form doesn't work with it either because it doesn't understand nested compound controls, and hacking it to work at least triples the boilerplate. So, instead, I have to use some other person's "hey, it's shitty but it works for me" alpha version of someone else's project that works as a wrapper on top of Redux-Form that makes all of this work. yeah, you totally followed that. Kind of like a second-cousin-twice-removed sort of project adding in the necessary features and support all the way down. and ofc it doesn't quite work. because why would things ever be easy?

like seriously, come on.
What i'm trying to do isn't even that bloody hard.

Do I really have to use bootstrap instead?
fuck that.

then again, fuck this significantly more.

UGH.

Tailwind css offers a premium package where you have to pay $300 for access to their tailwind styling components. And even additional $150 and $150 and $150 packages depending if your app is for ecommerce application ui or marketing etc.

WTF????

While in Angular Google has provided 100% FREE MATERIAL DESIGN UI COMPONENTS

WHO THE FUCK PREFERS TO CODE IN REACT/NEXTJS/VUE over ANGULAR???

Fuck you android and fuck you material design components. How pale is their elevation shadow? Shadow is so fucking pale that I cannot notice if I don't look very very carefully.

How terribly they designed their app bar component? It is designed so fucking annoyingly that setting app:Elevation doesn't do anything even I have implemented every every solution.

Fuck you material design components that doesn't support material design even you are official library.

This got me fucked up. Listen yo.

So we have this issue on our modal right. The issue keeps poppin. It's a hotfix because its in prod. So my senior and I were on it. After a few hours, I showed him the part of the code that is buggy. It's 50 lines of code of nested if-else, else-if. And so we're still fighting it. He redid everything since we're using angular2 he did a subject, behavior-subject all that bs and I was still trying to understand what's the bug, because it's happening on the second click and so I did my own thing and found the cause bug and showed it to him, its this:

setTimeout( () => {}, 0)

the bootstrap-modal doesn't allow async inside it (I dont why, its in the package). So he explained to me why it's there. So I did my own thing again and find a workaround which I did, a one-line of angular property, showed it to him he didn't accept it because we'll still have to redo it with subjects and he was on it. I said ok. Went back to my previous issue. The director came in and ask for a fixed, my senior came up to me and told me to push my fix. Alright no problem. So we good now. Went back to our thing bla bla bla, then got an email that we will have a meeting, So we went, bla bla bla. The internal team wants a support for mobile, senior said no problem bla bla bla, after the meeting he approaches me and said (THIS IS WHERE IT GOT FUCKED UP) we wont be supporting bootstrap4 anymore because of the modal issue and since we're going to support mobile and BOOTSTRAP4 grid system is NONINTUITIVE we are moving to material design because the grid system is easier. I was blown away man. we have more than 100 components and just because of that modal and mobile support shit he decided to abandon bootstrap. Mater of fact its the modal its his code. I'm not expert in frontend but I looked at the material design implementation its the same thing other than the class names. OHHH LAWD!

I like iOS human interface design much more than the Android's material design, though I am an Android user. It has some unimportant design components IMO. I feel that the default action bar title is too big. Also that floating action button is weird sometimes. It hides some important portion of the contents in poorly designed apps.

AeroNex Solutions: Your Trusted Provider of Local Aerospace Engineering Services and Southern California Aircraft Consulting

The aerospace industry is one of the most complex and high-stakes fields, where precision, innovation, and reliability are paramount. Whether you're developing cutting-edge aircraft or enhancing existing systems, you need the support of trusted experts who understand your challenges and can offer tailored solutions. AeroNex Solutions, located at 2660 Sycamore Ave, Montrose, CA 91020, is proud to offer Local Aerospace Engineering Services and Southern California Aircraft Consulting to businesses in the region and beyond.

Local Aerospace Engineering Services: Expertise at Your Doorstep
As a local aerospace engineering firm in Montrose, CA, AeroNex Solutions understands the unique needs of businesses operating in Southern California. Whether you're involved in commercial aviation, defense, or space exploration, we provide highly specialized engineering services that meet the rigorous demands of the aerospace sector.

Our Local Aerospace Engineering Services are designed to support every phase of your aerospace project, from concept to completion. Here’s how we can assist:

Aircraft Design and Development: We specialize in designing and developing advanced aircraft systems and components. Whether you're working on a new prototype or modifying an existing system, we provide expert guidance to ensure your designs meet performance, safety, and regulatory requirements.

System Integration: In the aerospace industry, multiple systems must work together flawlessly to ensure safety and efficiency. We offer system integration services that ensure your aircraft’s electrical, hydraulic, and mechanical components function seamlessly.

Aerospace Performance Optimization: From improving fuel efficiency to enhancing flight control systems, our engineering team helps you optimize the performance of your aerospace systems. We use state-of-the-art techniques to boost operational efficiency while maintaining the highest safety standards.

Structural and Mechanical Engineering: We provide in-depth expertise in designing robust structures and mechanical components that meet the unique challenges of aerospace operations. Our engineers focus on durability, weight reduction, and material selection to ensure your systems perform under the most demanding conditions.

At AeroNex Solutions, our Local Aerospace Engineering Services are tailored to meet the specific needs of your projects. We bring a wealth of knowledge, hands-on experience, and cutting-edge technology to ensure your systems operate at their best.

Southern California Aircraft Consulting: Tailored Solutions for the Aerospace Industry
Southern California has long been a hub for the aerospace industry, home to some of the most influential companies and cutting-edge technologies. At AeroNex Solutions, we offer Southern California Aircraft Consulting services that cater to the region's diverse aerospace needs, providing the strategic guidance and technical expertise you need to navigate challenges and optimize your operations.

Our Southern California Aircraft Consulting services include:

Regulatory Compliance and Certification Support: Navigating the regulatory landscape is one of the biggest challenges in the aerospace industry. We offer expert consulting to ensure your aircraft systems and operations comply with FAA regulations and other relevant industry standards. We guide you through the certification process, ensuring that all required documentation and inspections are handled efficiently.

Aircraft Performance Analysis: Whether you're looking to enhance the performance of existing aircraft or assess a new design, we provide comprehensive performance analysis. From fuel efficiency to aerodynamics, we use advanced tools and methodologies to ensure your aircraft meets the highest standards of efficiency and safety.

System Troubleshooting and Optimization: If your aircraft systems are underperforming, we offer in-depth troubleshooting and system optimization services. Our consultants work closely with your team to identify issues, implement fixes, and optimize systems for better performance and reliability.

Design and Engineering Advisory: Our team of experienced consultants provides expert advice on aircraft design and engineering. From structural improvements to avionics systems, we help you make informed decisions to enhance your aircraft’s functionality and performance.

With AeroNex Solutions, you can tap into the deep industry expertise that is vital for the successful operation of your aircraft systems. Whether you’re navigating technical challenges, ensuring compliance, or optimizing performance, we offer Southern California Aircraft Consulting that gives you the confidence to move forward.