JavaScript

19 posts
“Fake” e2e tests with react-testing-library

“Fake” e2e tests with react-testing-library

How to run fake e2e tests using react-testing-librabry? Here's a quick tutorial on how to speed up your feedback loop when working in front end applications.

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

Cypress or how I learned to stop worrying and love E2E

Cypress or how I learned to stop worrying and love E2E

Over my career I’ve dabbled in various forms of testing, both on the backend and front-end. I’ve tried various frameworks and experimented with different approaches, types of tests, and philosophies. From unit tests to Gherkin behaviour tests to E2E tests with Selenium in the good ol’ days, I’...

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

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.