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

Shell

  • 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

Yarn

Tools

General programming

Web development

  • Eruda - Console for Mobile Browsers

Programming languages

JavaScript

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

Games 🎲

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

TypeScript

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

Reason

HTML

Semantics

HTML accessibility

CSS

Vanilla

Flexbox

Grid

Animations

Data visualization

Cool demos

SCSS

CSS Modules

CSS-in-JS

JS-in-CSS (because why not)

Other CSS frameworks

Common CSS bugs

Frameworks

NodeJS

React

Documentation / News 📚

Concepts / Articles 💡

Useful libraries 💾

Hooks

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

Gatsby.js

Documentation / News 📚

Concepts / Articles 💡

Useful libraries 💾

Next.js

Documentation / News 📚

Concepts / Articles 💡

Useful libraries 💾

Astro

Documentation / News 📚

Electron

State management libraries

Redux

Documentation / News 📚

Concepts / Articles 💡

Useful libraries 💾

Recoil

Documentation / News 📚

GraphQL

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 📚

Gqless

Documentation / News 📚

SWR

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

D3.js

Documentation / News 📚

Concepts / Articles 💡

Framer Motion

Concepts / Articles 💡

React-spring

Documentation / News 📚

React-native-reanimated

Documentation / News 📚

Useful libraries 💾

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

Code quality

Linters

Eslint

Useful libraries 💾

Test frameworks

Jest

Documentation / News 📚
Concepts / Articles 💡
Useful libraries 💾

Cypress

Documentation / News 📚

React-testing-library

Documentation / News 📚
Concepts / Articles 💡
Useful libraries 💾

Others

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

Bundling

Bundlers

Webpack

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 💾

Rollup

Documentation / News 📚
Concepts / Articles 💡

Parcel

Documentation / News 📚
Concepts / Articles 💡

Others

Transpilers and optimizers

Babel

Documentation / News 📚
Useful libraries 💾

Prepack

Concepts / Articles 💡

Hosting providers

Netlify

Vercel

Others

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 💾

Supabase

Concepts / Articles 💡

Prisma

Documentation / News 📚
Concepts / Articles 💡

Others

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

Others

  • 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

CMS

Strapi

Documentation / News 📚

Website generators

Styleguide generators

Styleguidist

Storybook

Others

  • 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

Spectacle

Others

  • 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

Performance

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

Illusion of speed

Network

Input / Throughput

Core Web Vitals

Performance accessibility

Progressive Web Apps

Performance benchmarks 💯

SEO

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

Security

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

Productivity

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
  • Kanye.rest - A free REST API for random Kanye West quotes (Kanye as a Service)

Regex testers

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

IDEs

Visual Studio Code

Online IDEs

Design tools

Sketch

Framer X

Others

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

Others

Developer insights

Software insights

Product insights

Being a developer

Leadership / Mentoring / Teaching

Management

OSS

Remote working

Communicating

Writing articles

Speaking at events

Job interviews

Coding interviews

Resumes

Compensation

Startups

Others

Freelance

Freelance advice

Job hunting / Freelance platforms (mainly for French people)

Personal achievements

Talks