Curated list of links

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
  • ShellCheck - VSCode extension
  • Shell-format - VSCode extension
  • Cheat - Cheat allows you to create and view interactive cheatsheets on the command-line
  • Crontab guru - The quick and simple editor for cron schedule expressions

Git / GitHub

Package managers

Principles

Yarn 1

Yarn 3

Tools

Web development tools

Programming languages

JavaScript

Documentation / News 📚

Concepts / Articles 💡

JavaScript features
JavaScript patterns
Functional / Declarative programming
Others

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
  • Yare - Real-Time Strategy game where you control your units by writing JavaScript code
  • Smartcrop.js - Content aware image cropping
  • Xterm.js - A terminal for the web
  • Lite-youtube-embed - A faster youtube embed
  • Lax.js - Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll

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
  • Tsm - TypeScript Module Loader
  • Ts-toolbelt - TypeScript's largest type utility library

Reason

HTML

Semantics

HTML accessibility

Others

  • htmlq - Like jq, but for HTML.

CSS

CSS base features

Others

Flexbox

Grid

Transitions / 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

Deno

  • Deno - A secure runtime for JavaScript and TypeScript

React

Documentation / News 📚

Concepts / Articles 💡

React prerequisites
React functional components & hooks
React patterns
Others

Useful libraries 💾

Hooks

React Native

Documentation / News 📚

Concepts / Articles 💡

React Native prerequisites
React Native patterns
Others

Migration stories 📖

Useful libraries 💾

Native Mobile Development

  • Flinto - Easily test iOS icon designs on your home screen

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 💾

  • 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
  • Solito - React Native + Next.js, unified

Astro

Documentation / News 📚

Electron

Browser extensions

  • Plasmo - The browser extension framework

State management libraries

Redux

Documentation / News 📚

Concepts / Articles 💡

Useful libraries 💾

Recoil

Documentation / News 📚

GraphQL

Documentation / News 📚

Concepts / Articles 💡

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

Migration stories 📖

Useful libraries 💾

Apollo client

Documentation / News 📚

Concepts / Articles 💡

Useful libraries 💾

Apollo server

Documentation / News 📚

Gqless

Documentation / News 📚

SWR

Documentation / News 📚

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 💡
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
  • JavaScriptDB - The easiest to use javascript database

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.
  • Markdoc - Markdoc is a powerful, flexible, Markdown-based authoring framework.

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

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

Performance

  • 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 💯

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 💯

Web3

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
  • Free Illustrations
  • Fluent Icons - Open source icons by Microsoft
  • Lorem Picsum - The Lorem Ipsum for photos
  • Reasonable Colors - Open-source color system for building accessible, nice-looking color palettes

Productivity

  • 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
  • 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

File sharing

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

Others

  • How HTTPS Works
  • How DNS works
  • Mess with DNS - Try experimenting with DNS
  • Flycut - Clean and simple clipboard manager for developers
  • IFTTT - Applets linked to the services you love
  • ConferCal - A conference calendar for developers and other people in tech
  • jsonmatic - Transform a CSV into a JSON
  • FracturedJson - A JSON formatter that produces human-readable but fairly compact output
  • Curl converter - Convert curl commands to Python, JavaScript, PHP, R, Go, Rust, Elixir, Java, MATLAB, Dart, CFML, Ansible URI, Strest or JSON
  • Terms of Service Didn't Read - Transparent retranscriptions of the terms of service of major web actors

Developer insights

Software insights

Product insights

Being a developer

Being a staff-plus engineer

Technical decision making

Engineering strategies

Leadership / Mentoring / Teaching

Management

Career ladders

OSS

Remote working

Communicating

Writing documentation

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