Curated list of links


Everytime I find a new resource and think I might need it in the future, it gets added to this list. I hope it can help you as much as it helps me.

Table of content

Developer toolbox


Git / Github

Package managers



Web development tools

Programming languages


Documentation / News 📚

Concepts / Articles 💡

JavaScript features
JavaScript patterns
Functional / Declarative programming

Useful libraries 💾

  • Tippy.js - A highly customizable vanilla JS tooltip & popover library
  • NProgress.js - A nanoscopic progress bar. With realistic trickle animations to tell your users that something's happening
  • Guess.js - Libraries & tools for enabling Machine Learning driven user-experiences on the web
  • Progress-estimator - Logs a progress bar and estimation for how long a Promise will take to complete
  • Quicklink - Faster subsequent page-loads by prefetching in-viewport links during idle time
  • FBT - An internationalization framework by Facebook
  • Date-fns - Modern date utility library
  • Date-fns-tz - Complementary library for date-fns v2 adding IANA time zone support
  • PullToRefresh.js - A small, but powerful JavaScript library crafted to power your webapp's pull to refresh feature
  • Exponential-backoff - A utility that allows retrying a function with an exponential delay between attempts
  • party.js - A JavaScript library to brighten up your user's site experience with visual effects!
  • WinBox.js - Professional HTML5 window manager for the web
  • Zx - A tool for writing better scripts
  • Elementary - Finally, write audio apps in JavaScript

Games 🎲

  • Yare - Real-Time Strategy game where you control your units by writing JavaScript code


Documentation / News 📚

Concepts / Articles 💡

Migration stories 📖

Useful libraries 💾

  • React-javascript-to-typescript-transform - Convert React JavaScript code to TypeScript with proper typing
  • Flow2ts - Flow declarations to TypeScript declarations transpiler
  • Typedoc - Documentation generator for TypeScript projects
  • Type-fest - A collection of essential TypeScript types
  • Ts-pattern - An exhaustive Pattern Matching library for TypeScript, with smart type inference




HTML accessibility


CSS base features




Transitions / animations

Data visualization

Cool demos


CSS Modules


JS-in-CSS (because why not)

Other CSS frameworks

Common CSS bugs




  • Deno - A secure runtime for JavaScript and TypeScript


Documentation / News 📚

Concepts / Articles 💡

React prerequisites
React functional components & hooks
React patterns

Useful libraries 💾

  • React components & libraries
  • Awesome-react-render-props - Awesome list of React components with render props
  • React-dnd - Drag and Drop for React
  • React-beautiful-dnd - Beautiful, accessible drag and drop for lists with React.js
  • React-trend - Simple, elegant spark lines
  • React-perimeter - Create an invisible perimeter around an element and respond when its breached
  • React-blur-image-loader - Blurred progressive image loader for React
  • React-log - React for the Console
  • React-mosaic - A React tiling window manager
  • React-detect-offline - Offline and Online components for React
  • Upload - Higher order React components for file uploading (with progress) react file upload
  • React-markings - Markdown in <Components/>, <Components/> in Markdown
  • React-slidez - React Slideshow Component
  • React-virtualised - React components for efficiently rendering large lists and tabular data
  • React-reveal - Easily add reveal on scroll animations to your React app
  • React-ab-test - A/B testing React components and debug tools. Isomorphic with a simple, universal interface
  • React-component-benchmarl - A component to help benchmark React components and their trees
  • React-chartkick - Create beautiful JavaScript charts with one line of React
  • React-flip-move - Effortless animation between DOM changes (eg. list reordering) using the FLIP technique
  • React-show - React-Show - A 3kb show/hide component for React
  • React-preload - Preload a React component tree in the background before rendering it
  • React-fns - React Components for common Web APIs
  • Immer - Create the next immutable state by mutating the current one
  • React-window - React components for efficiently rendering large lists and tabular data
  • React-flip-toolkit - A React FLIP animation helper library for highly configurable transitions
  • Css-suspense - CSS loading for react
  • React-filepond - A handy FilePond (file uploader) adapter component for React
  • React-credit-cards - Beautiful credit cards for your payment forms
  • Loadable-components - React code splitting made easy
  • React-lazyload - Lazy load your component, image or anything matters the performance
  • React-waypoint - A React component to execute a function whenever you scroll to an element
  • React-rewards - Reward your users for little things and make them smile!
  • React-content-loader - SVG component to create placeholder loading, like Facebook cards loading
  • React-table - A lightweight, fast and extendable datagrid for React
  • React-chaos - Chaos Engineering for your React apps
  • Remotion - Create motion graphics in React
  • Vocab - Strongly typed internationalization framework for React
  • React-hook-form - Performant, flexible and extensible forms with easy-to-use validation
  • React-ux-form - A simple, fast and opinionated form library for React & React Native focusing on UX
  • React-gui - React GUI is designed as the foundation for React design systems and component libraries
  • React-joyride - Create guided tours in your apps


React Native

Documentation / News 📚

Concepts / Articles 💡

React Native prerequisites
React Native patterns

Migration stories 📖

Useful libraries 💾

Native Mobile Development

Useful libraries 💾

  • Litho - A declarative UI framework for Android
  • ComponentKit - A React-Inspired View Framework for iOS
  • Shard - Dynamic alerts in mobile apps

React frameworks


Documentation / News 📚

Concepts / Articles 💡

Useful libraries 💾


Documentation / News 📚

Concepts / Articles 💡

Useful libraries 💾

  • Create-react-next-app - Create Next.js apps in one command
  • Happykit/flags - Feature Flags for Next.js
  • Nookies - A set of cookie helpers for Next.js
  • Next-stripe - Simplified server-side Stripe workflows in Next.js
  • Next-optimized-images - next-optimized-images automatically optimizes images used in next.js projects (jpeg, png, svg, webp and gif)
  • Next-apollo - React higher-order component for integrating Apollo Client with Next.js


Documentation / News 📚


State management libraries


Documentation / News 📚

Concepts / Articles 💡

Useful libraries 💾


Documentation / News 📚


Documentation / News 📚

Concepts / Articles 💡

Comparisons between GraphQL and REST / other technologies
Type generation with GraphQL
Implementation examples

Migration stories 📖

Useful libraries 💾

Apollo client

Documentation / News 📚

Concepts / Articles 💡

Useful libraries 💾

Apollo server

Documentation / News 📚


Documentation / News 📚


Documentation / News 📚

Useful libraries 💾

  • Swr-sync-storage - Synchronize SWR cache with localStorage or sessionStorage to get offline cache

Animations libraries


Documentation / News 📚

Concepts / Articles 💡

Framer Motion

Concepts / Articles 💡


Documentation / News 📚


Documentation / News 📚

Useful libraries 💾

  • Moti - Moti is the universal animation package for React Native (based on react-native-reanimated)

Code quality



Useful libraries 💾

Test frameworks


Documentation / News 📚
Concepts / Articles 💡
Useful libraries 💾


Documentation / News 📚


Documentation / News 📚
Concepts / Articles 💡
Useful libraries 💾


  • Sizzy - Test your website on different device sizes at once
  • Stryker - Test your tests with mutation testing




Documentation / News 📚
Concepts / Articles 💡
Useful libraries 💾


Documentation / News 📚
Concepts / Articles 💡


Documentation / News 📚
Concepts / Articles 💡


Transpilers and optimizers


Documentation / News 📚
Useful libraries 💾


Concepts / Articles 💡

Hosting providers




Continuous development platforms

SaaS useful to front-end developers

BaaS (Back-end as a service)

AWS Amplify

Documentation / News 📚
Concepts / Articles 💡
Useful libraries 💾

Google Firebase

Documentation / News 📚
Concepts / Articles 💡
Useful libraries 💾


Concepts / Articles 💡


Documentation / News 📚
Concepts / Articles 💡


  • @databases - Query SQL Databases using Node.js and TypeScript


  • Magic - Auth simplified - One SDK for passwordless, WebAuthn, and social login - fully customizable
  • Insights - Privacy-Focused Analytics Platform For Developers
  • Cusdis - Lightweight, privacy-first, open-source comment system



Documentation / News 📚

Website generators

Styleguide generators




  • Playroom - Design with JSX, powered by your own component library
  • a11y-color-tokens - Generate accessible UI colors from your base color tokens

Documentation generators

  • GitBook - Documentation your users will love!
  • Docz - It has never been so easy to document your things!
  • React-docgen - A CLI and toolbox to extract information from React component files for documentation generation purposes
  • Nextra - Nextra is a Next.js based static site generator. 0 lines of code needed.

Presentation generators



  • MDX - Markdown for the component era
  • Mdx-deck docs
  • Code-surfer - React component for scrolling, zooming and highlighting code
  • Shiki-twoslash - You take some Shiki, add a hint of TypeScript compiler, and tada! incredible static code samples

Design systems

Concepts / Articles 💡

Useful libraries 💾

Design Systems in the wild 🌈

Advanced concepts

State machines

Concepts / Articles 💡

Useful libraries 💾

  • XState - State machines and statecharts for the modern web
  • XState catalogue - Collection of professionally designed state machines you can drop into your projects

Server Side Rendering

Concepts / Articles 💡

SSR Boilerplates

SSR Frameworks


  • Front-end-checklist - The perfect Front-End Checklist for modern websites and meticulous developers

Illusion of speed

Big picture performance

Network performance

Images performance

Fonts performance

CSS performance

JavaScript performance

React performance

Core Web Vitals

Progressive Web Apps

Performance case studies

Performance benchmarks 💯


Concepts / Articles 💡

SEO benchmarks 💯

  • SEO Checker
  • Hey Meta - Quickly check & build your meta tags
  • Checkbot - Find broken links, duplicate titles, insecure pages, invalid HTML/CSS/JS & more


Concepts / Articles 💡

Security benchmarks 💯

Misc. Tools

Images, videos, assets, colors, fonts

  • Unsplash - Collection of beautiful, high resolution, free (and free of rights) images
  • Coverr - Beautiful Free Stock Video Footage
  • Carbon - Create and share beautiful images of your source code
  • Fontstorage - Collection of free fonts for your websites
  • Terminalizer - Record your terminal and generate animated gif images
  • unDraw - Open-source illustrations for every project you can imagine and create
  • DrawKit - Beautiful, free illustrations. Updated weekly
  • Emoji-as-a-service - Service that returns a high-res, predictable emoji image for a given URL
  • Image Color Picker - Find your perfect color palette by uploading an image you like
  • Coolors - Create the perfect palette or get inspired by thousands of beautiful color schemes
  • - Remove image background
  • Unscreen - Remove video background
  • Material Icons - Free (and free of right) icons from Google
  • Iconic - Free, “do wtf you want with” pixel-perfect icons
  • SuperTinyIcons - Under 1KB each! Super Tiny Icons are miniscule SVG versions of your favourite website and app logos
  • Boring avatars - Generates custom, SVG-based, round avatars from any username and color palette


  • A Soft Murmur - Ambient sounds to wash away distraction
  • Linear - The issue tracking tool you'll enjoy using
  • Airtable - Excel-like issue tracking tool

Mock APIs

  • Reqres - A hosted REST-API ready to respond to your AJAX requests.
  • Mocky - Easily test your REST-powered web services with an HTTP responses generator
  • - A free REST API for random Kanye West quotes (Kanye as a Service)

Regex testers

  • Regexr - Regex validator / tutorials
  • Regex101 - Regex validator / tutorials


Visual Studio Code

Online IDEs

Design tools


Framer X


Presentation tools

  • Kap - Capture your screen
  • KeyCastr - An open-source keystroke visualizer
  • Codetour - VS Code extension that allows you to record and playback guided tours of codebases, directly within the editor

File sharing

  • - Easy file sharing from the command line
  • Snapdrop - Like Airdrop, but on the web
  • Wormhole - Simple, private file sharing


Developer insights

Software insights

Product insights

Being a developer

Being a staff-plus engineer

Technical decision making

Engineering strategies

Leadership / Mentoring / Teaching


Career ladders


Remote working


Writing articles

Speaking at events

Job interviews

Coding interviews






Freelance advice

Job hunting / Freelance platforms (mainly for French people)

Personal achievements