Day 16 of #100daysofcode: Material UI

I decided to spend time today learning about Material UI. In a previous post, I mentioned that I wanted to figure out what the difference between Material UI and Material.io was. It turns out, Material UI is just a React library which was created using the Material.io philosophy.

Material UI Compared to React-bootstrap

After playing around with Material UI for a while, I really like it. It feels like it has much more features than React-bootstrap, which makes sense since it was originally created for React while React-bootstrap originally started as a CSS stylesheet/library.

I am going to be replacing React-bootstrap with Material UI moving forward. I personally like the look of the out-of-the-box Material UI components more than React-bootstrap's components. It also feels a little easier to get information about Material UI.

Flutter

I have recently started to looking into mobile development a little more; partly out of curiosity and partly because I want to find a way to port my app to mobile as well as web. I ran across Flutter as a useful system to run my app on both mobile and web. I will be looking more into Flutter in the coming days.

Today

Completed the ES6 FreeCodeCamp tutorials -- The next FreeCodeCamp tutorial section for JS is Regular Expression. In the past, regex has been my least favorite thing to work with, so I'm not looking forward to it!

Took a break from Django, decided to learn about Material UI

Spent some more time deliberating about how I want to move forward with my Study Aid app

Upcoming

Iron out details regarding the Study Aid app (I really need to name this thing)

• Flask vs Django
• Flutter?
• Should I change how I deploy? Should Docker get in the picture?
• Are there any other systems I should think about using as a part of this project?

Learn more about Material UI, I will probably use Material UI a little bit in my (ongoing) school project.

Start the Study Aid app!

Resources