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


  • tldr pages - Simplified and community-driven man pages
  • Explainshell - Write down a command-line to see the help text that matches each argument

Git / Github

Package managers



General programming

Web development

  • Eruda - Console for Mobile Browsers

Programming languages


Documentation / News 📚

Concepts / Articles 💡

  • Operator Lookup - Enter a JavaScript operator to learn more about it
  • DOM Events - Learn about the DOM Event system through exploration

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






Data visualization

Cool demos


CSS Modules


JS-in-CSS (because why not)

Other CSS frameworks

Common CSS bugs




Documentation / News 📚

Concepts / Articles 💡

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 Native

Documentation / News 📚

Concepts / Articles 💡

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 💾


Documentation / News 📚


State management libraries


Documentation / News 📚

Concepts / Articles 💡

Useful libraries 💾


Documentation / News 📚


Documentation / News 📚

Concepts / Articles 💡

Useful libraries 💾

  • Graphql-doctor - Prevent Breaking Changes in a GraphQL API with GitHub Checks
  • Eslint-plugin-graphql - Check your GraphQL query strings against a schema
  • Gest - A sensible GraphQL testing tool - test your GraphQL schema locally and in the cloud
  • graphql-request - Minimal GraphQL client supporting Node and browsers for scripts or simple apps

Apollo client

Documentation / News 📚

Concepts / Articles 💡

Useful libraries 💾

Apollo server

Documentation / News 📚


Documentation / News 📚


Documentation / News 📚

  • SWR docs - React Hooks library for data fetching

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 💡
  • BundlePhobia - Find the cost of adding a npm package to your bundle
  • PackagePhobia - Find the cost of adding a new dependency to your project
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

Advanced concepts

Design Systems

Concepts / Articles 💡

Useful libraries 💾

Design Systems in the wild 🌈

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


Input / Throughput

Core Web Vitals

Performance accessibility

Progressive Web Apps

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


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


Developer insights

Software insights

Product insights

Being a developer

Being a Staff-Plus Engineer

Leadership / Mentoring / Teaching



Remote working


Writing articles

Speaking at events

Job interviews

Coding interviews






Freelance advice

Job hunting / Freelance platforms (mainly for French people)

Personal achievements