Learn React & Material UI - #18 Refactoring

Hey guys, we're finally nearing the finish line of this series on Material-UI v1+ and React. If you've made it up to this point, congrats! Because if I was watching a playlist like this, I'd probably be skipping videos at x2 to get to the end. :-)

Anyhow, on today's agenda, we got some housekeeping to do. First off, we have a few major releases that we need to catch up with. Most notably, we'll upgrade Material-UI to 3.6.x, which means we'd need to migrate to the new Typography and Button variants introduced in 3.2.0 https://github.com/mui-org/material-ui/releases/tag/v3.2.0, as well as switch to the Fab component added in 3.6.0 https://github.com/mui-org/material-ui/releases/tag/v3.6.0

On the React part, we'll see how we can use the new static contextType to simplify our interactions with the Context API https://reactjs.org/blog/2018/10/23/react-v-16-6.html#static-contexttype Besides, we'll formalize linting across the project, and begin refactoring the app to make it prettier (pun intended). Anything from simplifying component logic, to eliminating unnecessary re-renders, to splitting monolith components into smaller logical units... you got it all in this two parter!

Be sure to also watch part 2, as I'll be making a few announcements at the end. Don't miss it out! See you then