A major benefit being omitted here is that Box is built on styled-system, so for responsive needs you can pass arrays for a variety of its props to talk to different breakpoints. such as width={[ 1, 1/3, 1/2, 1/4]}. or p={[1, 2, 3, 4]} or flexDirection={['column', 'row']} where the first index value in the array is the breakpoint for mobile, the second is for tablets, third is for small desktop, and fourth is large desktop. The breakpoints array is set in the material ui theme automatically supporting these, but you can also customize the breakpoints in your mui configuration.

It’s time to clean up that callback hell code :) let’s promisify with Nodejs util module!

If you’re running a node or express app, chances are you value asynchronous programming. You also probably know that all I/O operations are taxing on your app. If not, you should maybe look into that and how not to block the Node.js event loop. I recommend reading: https://nodejs.org/en/docs/guides/dont-block-the-event-loop/

To be…

Jesse Lewis

Full Stack Software Engineer | Digitizer of Dreams

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store