Technologies I use, and other things I recommend.
Here's a big list of all my tech stack
Unit testing
Cypress Cypress components
Fast, easy and reliable testing for anything that runs in a browser.
Jest Jest
Delightful JavaScript Testing. I use it for all my projects.
Testing Library React Testing Library
Simple and complete testing utilities that encourage good testing practices.
E2E testing
Playwright Playwright
Playwright is a Node library to automate the Chromium, WebKit and Firefox browsers with a single API.
Cypress Cypress
Fast, easy and reliable testing for anything that runs in a browser.
Bundlers
Webpack Webpack
A static module bundler for modern JavaScript applications.
esbuild Esbuild
My personal favourite. An extremely fast JavaScript bundler.
Vite Vite
A build tool that aims to provide a faster and leaner development experience for modern web projects.
rollup.js Rollup
A module bundler for JavaScript which compiles small pieces of code into something larger and more complex, such as a library or application.
Million
An extremely fast and lightweight optimizing compiler.
UI
Tailwind CSS Tailwind CSS
I use Tailwind CSS for all my projects. I can't imagine writing CSS without it.
Emotion
A performant and flexible CSS-in-JS library.
styled-components Styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress
Storybook Storybook
Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular.
Framer Framer Motion
A production-ready motion library for React.
shadcn/ui Shadcn-ui
Beatiful tailwind based UI library.
Frontend
React React
My main frontend technology. The most popular library for building user interfaces.
TypeScript TypeScript
I use TypeScript for all my projects. I can't imagine writing JavaScript without it. Provide static types to JavaScript code. Prevents a lot of bugs.
Axios Axios
Promise based HTTP client for the browser and node.js
React Router React-router v6
The most popular routing library for React. I tend to use wouter instead.
Zustand
A simple and fast way to create global state in React.
Wouter
A tiny client-side routing library for React. Only 1.3kb minified and gzipped.
Backend
Next.js Next.js
My go-to fullstack technology. I use it for all my side-projects.
Node.js Node.js
My go-to backend technology. I use it mainly for web servers and scripts.
Express Express.js
The most popular Node.js framework. I use it everyday in a BFF architecture.
Software
Ubuntu Ubuntu Linux
Always been my favorite OS. I use it for work.
Visual Studio Code Visual Studio Code
The most popular code editor.
Warp Terminal
Warp on Mac. Native terminal on Ubuntu.
Git Git
GitHub GitHub
Postman Postman
API Development Environment
Figma Figma
I'm not a designer but it allows me to quickly mock up interfaces and play with my ideas. One day I'll learn how to use it properly.
Docker Docker
Raycast Raycast
Window management, quick access to my most used apps, and a bunch of other useful features. I use it every day.
Insomnia Insomnia
API Development Environment