We’re proud sponsors of the open source projects we work with every day.
Babel underpins our entire frontend stack — we use it to write bleeding-edge ES6 / ES7 and get browser-compatible ES5 JS back. It's crucial to both our development speed and developer experience.
An opinionated code formatter that supports many languages and integrates with most editors.
We use Prettier and ESLint together to create a rigid, shareable editor configuration for our whole team. It ensures that we're all writing and formatting our code in the same way, resulting in much cleaner, scalable and understandable code.
An open source tool for developing UI components in isolation for React, Vue, and Angular.
Storybook allows us to build and test our components in isolation, with great add-ons to help with accessibility, showcasing features and test actions. It's what powers our design system.
We have a love-hate relationship with ESLint. Our custom 600-line config has made our codebase incredible robust by enforcing the absolute best practices in JS development across the entire team, which is essential in remote work era. But, in order to do this, it tells us what we're doing wrong every key we type. But hey, it makes us better developers in the long run!
Webpack powers every modern JS build system. It allows us to create independent components, libraries and assets that connect and work with each other, by building them into a single (or chunked) JS files for browsers.
We use Jest to write component-level tests in our design system, so we can reduce the probability of things unintentionally breaking in new releases.
PostCSS allows us to write regular CSS with "enhancements" — utilities and functions that are crucial to creating a scalable design system. It also comes with Autoprefixer, a library that automatically adds browser-specific rules during build time so we don't need to think about it!
A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.
Stylelint, in combination with ESLint, maintains and cleans up our design system and styles in general by providing rules and conventions on how to write good CSS.
SWC is the new compiler for Next.js, replacing Babel and Terser. While we can't support Next.js directly as it's by Vercel, sponsoring the underlying compiler is the next best thing!
Rollup powers the package build process of our design system. Every time we commit new code, Rollup pulls our components together and builds them into a finalised, importable bundle for consumer apps.
A package manager that doubles down as project manager.
Yarn is a brilliant enhancement for the NPM Package Management system. It's much faster and the CLI commands are terser and smarter, meaning we're able to start projects and manage dependencies a lot quicker.
A delightful, open source, community-driven framework for managing your Zsh configuration.
I'm not sure if we've ever met a developer that doesn't use ZSH. It's a framework for your terminal that helps you be more productive with a huge range of helpers, utilities and formatting changes.
The tooling which powers TypeScript usage with ESLint, and TypeScript usage with Prettier.
The bridge between our ESLint and Prettier configurations and our use of Typescript as a language.
WWCode is a global non-profit organization dedicated to helping women excel in technology careers.
Not part of our tech stack obviously, but a great addition to this initiative. Contributing here any way we can is an investment in the future diversity and equality of our teams.