Material UI Course

Material UI Course

Thomas Magnum of “Magnum P.I.” fame (I am dating myself here) used to have a little voice that talked to him.  I’d like to think that in some way we all have that voice.  Here is a little secret – UI has never been my strong point.  Don’t get me wrong – I can go in and bootstrap and tweak and the like but not build from scratch.  So when I decided to start my big project I thought I wanted to make a toolbox that I could use for future projects.  When making wordpress sites I had always started with a template because the people that made the UI were graphic designers and I am not.  Why couldn’t I do that in react?

So I went out and purchased an admin theme with the idea of getting a toolbox that I could use to build my template.  I got exactly that….. and much, much more.  Too much.  The problem is that the whole template was built with the idea that you can switch themes, sidebars, headers, kitchen sinks, etc, all on the fly.  I didn’t want to do that.  So I spent the better part of a day trying to deconstruct the theme to get what I wanted before realizing that approach was madness.  As always I want to know the right way to do things rather than piecing things together.  So…. my little voice has spoken and it is time to address an area that has needed addressing for a while.  I know what all of the parts are – I just wanted to take a step back and put them together in an organized way.

Side note – after doing a lot of research I decided on material-ui.  I have used other frameworks (most notably antD) but this one seemed to check all of the boxes in terms of ease of use and functionality.

course:  Implement High Fidelity Designs with Material-UI and ReactJS | Udemy

my notes:  https://docs.google.com/document/d/1f3wE7qZ-oecpDAQQNqAQroqsuY5w_NRNQkH6EA176aY/edit?usp=sharing

Add a comment

*Please complete all fields correctly

Related Blogs