Portfolio

If you're like me and have a bunch of side projects, chances are that you also have a ton of node_modules folders taking up unnecessary space. This post will teach you how to delete them all at onc...

Held a workshop on frontend testing using Jest. The focus was on three more advanced scenarios of testing: context, async, and custom hooks. The entire workshop was also posted as a page on my devl...

I've decided to do more learning in public that's not only writing blog posts. Here is where I'll gather all my thoughts, learnings, and reminders regarding development and learning in general. htt...

Until yesterday I had never heard of env(safe-area-inset-bottom) in CSS. Here’s a way it can help us position fixed content while taking into account the safe area of devices with notches and/or ho...

Another year, another incomplete Advent of Code. However, in 2019 I had a total of 19 stars, but this year I got 40 stars. That's a 210% (!) increase and I'm super proud of that achievement. I used...

I like to take notes and collect my own thoughts about what I read. Luckily, the Kindle has a highlight feature that saves the text snippet in a file on the device so I built a serverless function ...

I love using Tailwind CSS and here's how you would integrate it in a ReScript project. Spoiler: It's almost exactly like how you would do it in JavaScript. https://willcodefor.beer/posts/how-to-add...

Building on our FFI knowledge from the last post we go through some of the most common patterns that we'll use while interfacing with third-party React libraries. You'll learn how to connect to: - ...

Taking a first look at how we can connect ReScript and JavaScript code. This is usually called a foreign function interface (FFI). This time by making a connector to JavaScript's localStorage. http...

Oh, now we need to move our state to be globally available. Let's move the useReducer code to a React context and use useContext instead. https://willcodefor.beer/posts/using-usecontext-in-reasonre...

How we can refactor the useReducer we created previously and how the compiler will help us along the way. https://willcodefor.beer/posts/compiler-help-when-updating-variants-in-rescript/

I've always found Dutch to be an interesting language and I have studied it on and off since I was about 17. I've just picked it up again en nu ik kan een beetje Nederlands spreekt. Misschien ik ka...

Started building a command-line interface (CLI) to simplify setting up new projects and managing recurring tasks. Things like: - Creating a ReScript project with Tailwind - Creating GitHub Actions ...

Following up on using the useState hook we refactor our code and to take advantage of the more powerful useReducer. https://willcodefor.beer/posts/using-usereducer-in-reasonreact/

Hooks are a great part of React and this article teaches you how to use useState in a ReScript app. https://willcodefor.beer/posts/using-usestate-in-reasonreact/

We usually need some third-party libraries when developing a website. This article teaches you how to import those in ReScript. https://willcodefor.beer/posts/add-a-third-party-library-to-rescript-...

Just one day after my initial post came the natural continuation of my article series, how to use the React components we created in the first article. https://willcodefor.beer/posts/using-react-co...

Started writing an article series about ReScript. Kicked it off with how to create a React component. https://willcodefor.beer/posts/create-a-rescript-react-component/