Curated list of links

I have gathered this list of links over time, and it is made of resources I have found helpful or worth remembering.

Tools

Images, fonts, assets

  • Unsplash - Collection of beautiful, high resolution, free (and free of rights) images
  • 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

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

Others

Git / Github

Package managers

Yarn

npm

Others

Javascript

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

Node

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

Typescript

Reason

HTML

Semantics

Accessibility

CSS

Vanilla

SCSS

CSS Modules

CSS-in-JS

JS-in-CSS (because why not)

Flexbox

Grid

Animations

Cool demos

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

Forms

React-final-form

Redux

Documentation / News 📚

Concepts / Articles 💡

Useful libraries 💾

GraphQL

Documentation / News 📚

Concepts / Articles 💡

Relay vs Apollo

Relay Modern

Apollo

Documentation / News 📚

Concepts / Articles 💡

Useful libraries 💾

Test frameworks

Jest

Documentation / News 📚

Concepts / Articles 💡

Useful libraries 💾

Cypress

Documentation / News 📚

Sizzy

Documentation / News 📚

  • Sizzy - Test your website on different device sizes at once

Chroma

Documentation / News 📚

  • Chroma - Component-Driven Development

Stryker

  • Stryker - Test your tests with mutation testing

Transpilers and optimizers

Babel

Documentation / News 📚

Useful libraries 💾

Prepack

Concepts / Articles 💡

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 📚

Parcel

Documentation / News 📚

Concepts / Articles 💡

No config tools

Concepts / Articles 💡

Server Side Rendering

Concepts / Articles 💡

Boilerplates

Frameworks

  • Gatsby.js - Blazing fast static site generator for React
  • Next.js - Framework for server-rendered React apps
  • Razzle - Create server-rendered universal JavaScript applications with no configuration
  • React-server - Blazing fast page load and seamless navigation
  • After.js - Next.js-like framework for server-rendered React apps built with React Router 4

Gatsby.js

Documentation / News 📚

Concepts / Articles 💡

Useful libraries 💾

Next.js

Documentation / News 📚

Concepts / Articles 💡

Electron

Carlo

  • Carlo - Web rendering surface for Node applications

Vue

Documentation / News 📚

Concepts / Articles 💡

Hosting solutions

Netlify

Now

Design tools

Sketch

Concepts / Articles 💡

Useful libraries 💾

Framer X

Concepts / Articles 💡

Others

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

Presentations

Spectacle

Mdx-deck

Performance

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

Appearance

Network

Input / Throughput

Progressive Web Apps

Benchmarks 💯

SEO

Concepts / Articles 💡

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 💡

Benchmarks 💯

Blog posts

Software insights

Product insights

Design Systems

Being a developer

Leadership / Teaching

OSS

Remote working

Communicating

Writing articles

Speaking at events

Interviews

Coding interviews

Resumes

Startups

Others

Job hunting / Freelance (mainly for french people)

Personal achievements

Articles

Talks