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

  • Path-package - Fix broken node modules with no fuss
  • Npkill - List any node_modules directories in your system, as well as the space they take up. You can then select which ones you want to erase to free up space
  • Npm semver calculator

General programming

Programming languages

Javascript

Documentation / News 📚

Concepts / Articles 💡

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

Typescript

Documentation / News 📚

Concepts / Articles 💡

Useful libraries 💾

Reason

HTML

Semantics

HTML accessibility

CSS

Vanilla

Flexbox

Grid

Animations

Cool demos

SCSS

CSS Modules

CSS-in-JS

JS-in-CSS (because why not)

Other CSS frameworks

Common CSS bugs

Frameworks

NodeJS

  • Node best practices - The largest Node.JS best practices list. Curated from the top ranked articles and always updated

React

Documentation / News 📚

Concepts / Articles 💡

Useful libraries 💾

Hooks

React Native

Documentation / News 📚

Concepts / Articles 💡

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 💡

Electron

Data layers

Redux

Documentation / News 📚

Concepts / Articles 💡

Useful libraries 💾

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

Concepts / Articles 💡

Code quality

Linters

Eslint

Useful libraries 💾

Test frameworks

Jest

Documentation / News 📚
Concepts / Articles 💡
Useful libraries 💾

Cypress

Documentation / News 📚

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 💡

Transpilers and optimizers

Babel

Documentation / News 📚
Useful libraries 💾

Prepack

Concepts / Articles 💡

SaaS useful to front-end developers

No code back-end providers

AWS Amplify

Documentation / News 📚
Concepts / Articles 💡
Useful libraries 💾

Google Firebase

Documentation / News 📚
Concepts / Articles 💡
Useful libraries 💾

Others

Magic

Hosting providers

Netlify

Vercel

Website generators

Styleguide generators

Styleguidist

Storybook

Others

  • Playroom - Design with JSX, powered by your own component library

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

Presentation generators

Spectacle

Mdx-deck

Advanced concepts

Design Systems

State machines

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

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

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

Regex testers

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

IDEs

Visual Studio Code

Online IDEs

Design tools

Sketch

Framer X

Others

Others

Developer insights

Software insights

Product insights

Being a developer

Leadership / Teaching

Management

OSS

Remote working

Communicating

Writing articles

Speaking at events

Job interviews

Coding interviews

Resumes

Startups

Others

Freelance

Freelance advice

Job hunting / Freelance platforms (mainly for French people)

Personal achievements

Talks