Geoffrey Dhuyvetters

Geoffrey Dhuyvetters

24 posts
Modern front-end monorepos — Part 2: running scripts

Modern front-end monorepos — Part 2: running scripts

In the previous article, we set up a monorepo project with 2 applications and a package. We also enabled Yarn workspaces to manage the dependencies and linking of the workspaces. One inconvenience so far was having to start 2 separate terminal windows to run the applications. This isn’t a...

Modern front-end monorepos — Part 1: managing dependencies and sharing code

Modern front-end monorepos — Part 1: managing dependencies and sharing code

I’ve really learned to love a good monorepo setup, a repository that contains multiple packages and/or applications. Being able to make changes across applications or packages in 1 pull request (PR), having the option to centralize and reuse code over applications, and unifying documentation and processes greatly simplifies...

Creating a Scientific Pitch Notation Type using template literal types

Creating a Scientific Pitch Notation Type using template literal types

Ok. So. The honeymoon phase is over. I can say TypeScript is steadily becoming a part of my daily stack. While working on converting music-fns from Flow to TypeScript I bumped into a feature I didn’t know existed. But first, a little bit of context. music-fns is a utility...

Serverless functions with Vercel

Serverless functions with Vercel

As you (might) know, our current website is built on Gatsby. I love the fact we’re generating a super cacheable, fully static site with every build, but this adds a couple of limitations. One of the limitations of this setup is having no backend (I know that sounds funny)...

Optimizing JavaScript packages for tree shaking

Optimizing JavaScript packages for tree shaking

As an author of (open source) packages, I think you have the responsibility to protect the bundle size of your package consumer. When you publish a package that exports a whole range of modules (for example lodash, ramda, date-fns…) you want to make sure the package is exported in such...

Creating a declarative oscillator component with React hooks.

Creating a declarative oscillator component with React hooks.

Most developers are familiar with the concept of imperative and declarative programming.  Imperative programming is when you provide the program with the exact steps to achieve the output with an emphasis on how.  Declarative programming is a coding style where you focus on what the piece should achieve with less...

You’ve successfully subscribed to madewithlove
Welcome back! You’ve successfully signed in.
Great! You’ve successfully signed up.
Success! Your email is updated.
Your link has expired
Success! Check your email for magic link to sign-in.