ryanblog syndicated posts from ryanfiller.com
last updated: Jun 23, 2023 contact me
2020, In Review banner image

2020, In Review

Reflecting on 2020 and looking back on one year of blog posts.

  • #code,
  • #blogging
read the original post ยป

a dumpster, which is one fire'

I think anybody reading this would agree that saying "2020 didn't go as planned" is a massive understatement.

I also want to be upfront with the fact that personally, my 2020 could have gone a lot worse. My heart really goes out to everyone who struggled more than I did this year. It was rough for a lot of people and I'm endlessly thankful for my relatively safe life.

I spent the last year rebuilding my blog

I had a goal this year to start blogging. I wanted to write one blog post every month for the entire year. Mission accomplished. I think I was only late once, and even then it was only by a day. I still am not a great writer, but I feel like I can now comfortably call myself a writer. Before this year I had only ever posted two blog posts on this site, counting this post I will have posted fourteen articles this year.

In January I destroyed my current website and deployed a brand new Gatsby instance. Taking time to slowly rebuild the site was a circular process โ€” I wrote about features as I added them, and I also chose features to add based on what I thought would be interesting to include in a blog. It was often a lot of work to get these out on time so I don't think I'll be holding myself the same deadline in the future, although I plan to keep a similar workflow of building and writing informing each other.

The biggest of all possible shoutouts to my wife who has proofread every post for me. She now knows more about CSS and JavaScript design patterns than she ever wanted to. Without her these posts would have gone live riddled with typos and full of incomprehensible grammatical mistakes.

Two posts went kind of viral!

Of my dozen posts, I had two that really got some traction.

png

In June, in preparation for a big refactor of this site, I wrote a post exploring some of the more esoteric features of Sapper. I think I was mostly just getting lucky with search keywords, but this post received a steady trickle of views totaling 738 visits at the time of writing this. Traffic to it kind of fell off in October after Svelte Society Day 2020, where Rich Harris announced the soft-deprecation of Sapper as a platform. That's okay, because Svelte-Kit sounds awesome and I can't wait to move my site over to it, hopefully some time next year.

Last month, in November, I wrote a post about how to use query search parameters and serverless functions to generate social share images. This post got picked up by over a dozen weekly newsletters (some not even in English!), and traffic to it went absolutely bananas. At the time of writing this it has 5,214 page views! I'm most proud that it was featured on CSS-Tricks! Thank you so much to everyone who shared this post, I hope it helped a lot of people out!

In April I started using RSS to syndicate my posts to dev.to. I got a fair amount of attention there, almost getting to 1,000 views. My post about exploring Sapper broke 300 views on its own, which is not too shabby.

png

I finally made the jump from React to Svelte

I relaunched my personal site at the start of this year, like I mentioned, with a barebones Gatsby starter theme. At the time of the reboot I was already on the fence about doing my site in React again or trying out Svelte. For whatever reason I went with Gatsby, but had regrets almost immediately. I did several explorations this year into Svelte, making sure it could do all the specific things I wanted my blog to do.

In October I finally made the refactor, making 9,830 additions and 16,545 deletions to the overall codebase. That's a net of -6,715 changes, which some quick math after running git ls-files | xargs wc -l a few times tells me I was able to remove almost 6% of the overall code for my site. Pretty good, in my opinion.

The bigger win here was that I was able to reduce the JavaScript bundle that loads just my homepage from 325.4kb (with React) to 67.8kb (with Svelte). That's a much more impressive reduction of nearly 80%!

I'm still mainly a React dev at my day job, but I look forward to spending more time with Svelte in the future.

I wrote a lot of code

png

I hope by now everyone knows that the GitHub contribution graph is kind of bogus. I happen to work somewhere that uses GitHub for storing our code, so naturally my chart looks higher than it did when I worked somewhere that used Bitbucket. We are also encouraged to heavily rebase our code at work (which I've also started doing for personal projects) which means there are days that look like I did nothing because those changes got squashed into a previous commit. The truth is somewhere in the middle, I guess.

png

I am, however, proud of that 25% of things I did this year that weren't commits, especially that 7% of code review.

I wrapped up a HUGE project at work

png

This year I started my second year on the internal development team at Lensrentals. Since October of 2019 I have been working very hard on rebuilding our entire checkout process, moving from an eight year old Ruby on Rails project with views built in Backbone over to a more modern React frontend that consumes the existing Ruby APIs.

This was a massive undertaking for me since I barely know any Ruby and have never worked with Backbone before. Not to mention the inherent pressure that comes with the fact the cart page is the only page on the website that actually makes us any money.

I'm happy to say that at the end of October 2020, after literally an entire year of hard work, we launched this new feature with practically no bugs at all. This project was also used as a reason to start up our very own internal component library, which is something I'm super excited to grow as time goes on.

I published an Open Source a11y tool

png

A few years ago I built a tool that would take an array of color and generate a chart in React showing the accessibility ratings of each possible background and text color combination. This year I tried to turn that project up to 11 (ha, get it?).

As I knew I would be moving my own site away from React, I split the main functionality into its own NPM package, and then made three more packages to implement the tool in React, Svelte, and Vue. I also wrote a looong blog post describing this experience.

I also used building this tool as an excuse to mess around with serverless functions for the first time and made a website where this tool would be publicly accessible. I wrote a post about this too.

I finished all 31 drawings for Inktober

Last year was the first time I even attempted the Inktober Challenge, but for personal reasons I didn't make it much past a third of the way through the month. This year though, I did it!

png

Check out a bigger version of all of these drawings in this post, or on my Instagram.

We adopted another dog!

jpeg

Our dog Ollie (right) needed a friend and exercise buddy, so the weekend before the world shut down we did a trial run with Rigby (left). Everything went into lock down and we just held onto him until the official adoption a few weeks later. Now these two stare at me together every morning until I wake up and feed them.

I ran, like a lot

jpg

Like writing, this is the year I would finally call myself "a runner." I've been running on and off for probably close to five years, but there just wasn't that much else to do this year. Running has been an excuse to get out of the house every-other-day-ish, and since we moved to a kind of wooded suburb it was also a nice way to spend some time near some nature.

If you average all those numbers together it seems like I'm a 58.17% better runner than I was last year. Who knows.

I also attribute all the running I did this year to finally hitting level 40 in Pokemon Go. I was going to stop playing once I hit max level, but they just raised the level cap and... Gotta Catch 'Em All, or something.

Looking ahead to next year

Goals for 2021

Everything in 2020 was terrible, but maybe it wasn't an anomaly?

2020 was hard, but there was nothing about this year that magically made it worse than any other year, and its also not going to magically get better just because this calendar changes over.

I've been thinking a lot about something Barack Obama said in this episode of Pod Save America, about "symptom of it and an accelerant to it." 2020 brought a lot of big issues to the forefront, but they are not new issues. Everything that happened this year is a consequence of decisions humans have been making for the past decades, and I think it's important to remember that. If we want to fix the future โ€” avoid diseases, address systemic racism and inequality, have better political outcomes, more fair economic systems, hurt the environment less โ€” we all need to stay vigilant and do our best to work towards a better tomorrow. Volunteer your time and money where you can, and vote just as hard every year as you did this year.

But, at the same time, this was a hard year that seemed to drag on forever at times, and it okay to be proud and to recognize that we got through it.

I hope everyone stays safe and healthy, and Happy New Year. ๐ŸŽ†

ยซ back