Hey, I'm Devin!

Throughout the past four years, I’ve had the opportunity to work for a unique, design focused company called InVision. For those not familiar with InVision, it is growing to be the operating system for digital product design. Its product line provides tools for designers, developers, and stakeholders to collaborate on designing and building websites, mobile applications, and almost anything else that is displayed on a screen.

The entire company is dispersed across the globe with people across all continents and in almost all time zones. There is no central office, but some make use of coworking spaces like WeWork. All communication happens on Slack and meetings take place on Zoom.

I took the challenge to build a likes button into this blog. Since the site is compiled and then deployed as flat files, there is no backend or database to manage. From a security aspect, there is no safer way to develop a website, but it does add a bit of complexity to incorporate dynamic content.

My first attempt was to add Firebase as a dependency and wire it up to the likes button. This worked great as it gave me real-time updates across multiple browser sessions whenever I clicked the button. However, looking at the compiled, minified bundle, I noticed it had added over 220 KB!

While working on a React project today, I was looking to copy a property that was passed down to a component. After searching around, I found out it’s surprisingly easy.