JavaScript

24 posts
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...

Querying your Redux store with GraphQL

Querying your Redux store with GraphQL

Rationale I love React and I love Redux, but one of the things I struggle with a lot is how complicated the latter can make codebases. You add it and look away for five seconds and suddenly it’s all boilerplate and wiring code, sometimes to do very simple things....

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)...

Snapshot through the heart

Snapshot through the heart

While snapshot testing has been around for a while in the form of visual snapshots (used in visual regression testing), it’s clear that the introduction of textual snapshots in Jest a few years ago had a big impact on testing, not only in JavaScript but in other languages as...

Introduction to Inertia.JS

Introduction to Inertia.JS

Recently, one of the most trendy stacks is the JAMStack, which was popularized by Netlify. It’s mainly SPAs but committed to supporting statically generated sites which means no backend, a bit of JS that consumes APIs, and some HTML (I’m overly simplifying here). Regular SPAs can have a...

Gatsby and the new era of site generators

Gatsby and the new era of site generators

Why Gatsby? One of the greatest aspects of modern web development is how modular and composable everything has become. Building an application these days has become a lot like tinkering with building blocks: piecing together packages, APIs, services and so on. Each doing what they do best. We’ve learned...

A nice app on Elm street

A nice app on Elm street

...

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.