Blog

This year I choose to do Advent of Code using Roc Lang. I wanted to talk about my experiences as it was pretty fun and I learned a lot.

Trying to help build a design system at work in my spare time; no clue if it will go anywhere but it’s fun regardless. I asked the Elm Slack group what the equivalent of React Storybook is in Elm land. Specifically, I wanted a way to build a documentation website like Vuepress with the ability to host native Elm code to showcase components. They pointed me to Elm Book. While Elm Book has built-in theming capabilities, I needed CSS control over my components. While they support elm-css, I wanted the ability to use TailwindCSS. The Elm libraries haven’t kept up with Tailwind’s changes, which is fine; writing raw Tailwind CSS on Elm HTML functions is easy and co-located with the component you’re styling.

However, getting it to work in elm-live, which elm-book wraps, was a bit challenging. I wanted to layout how to get this to work in case you’d like to use Tailwind or your own CSS framework.

Wonderful article on testing that mirrors my learning path as well, but articulates all the nuances extremely well! If you’re in OOP and struggling with Mocks, he has some good strategies here.

https://blog.thecodewhisperer.com/permalink/you-dont-hate-mocks-you-hate-side-effects

JavaScript: “What do we show when we don’t know the value in the URL?”
Designer: “That won’t happen.”
JavaScript: “K.”

Later a null pointer happens in an ‘impossible situation’. Gnashing of teeth & lol’ing at how this could happen.