My ‘awesome’ list of JavaScript resources

Everyone’s seen the ‘Awesome’ lists on GitHub… and they are indeed awesome… so today I am going to attempt to curate my own…

My ‘awesome’ list of JavaScript resources

Everyone’s seen the ‘Awesome’ lists on GitHub… and they are indeed awesome… so today I am going to attempt to curate my own…

https://github.com/topics/awesome

JavaScript. The Core
Modern JavaScript Tutorial (HN)
You don’t know JS books
JS in 14 minutes
2017 JavaScript Rising Stars
ES6 features
The Definitive Guide to Object-Oriented JavaScript — Amazing video to understand JS inheritance & objects.
JavaScript: The Core
JavaScript is Good, Actually (HN)
JavaScript Algorithms — Algorithms and data structures implemented in JavaScript with explanations and links to further readings.
EC6 Features
Clean Code concepts adapted for JavaScript
Ask HN: “Expert Level” JavaScript questions?
Benefits of prototypal inheritance over classical?
Pax — Fastest JavaScript bundler in the galaxy.
Philip Roberts: What the heck is the event loop anyway? (2014)
Jake Archibald: In The Loop (2018)
Yonatan Kra — The Event Loop and your code (2020)
BundlePhobia — Find the cost of adding a npm package to your bundle. (Code) (Tweet)
An Overview of JavaScript Testing in 2018
Introduction to ES6 Promises — The Four Functions You Need To Avoid Callback Hell
Nice ES6/Promises/React cheat sheets
JavaScript Visualizer — Tool for visualizing Execution Context, Hoisting, Closures, and Scopes in JavaScript.
WallabyJS — Integrated continuous testing tool for JavaScript.
ES6 features
The State of JavaScript — The State of the Web (2018)
A Quick Tour Of ES6 (Or, The Bits You’ll Actually Use)
JavaScript on the Desktop, Fast and Slow (2018)
ES6 for humans
33 concepts every JavaScript developer should know
Design Patterns JS — All the 23 (GoF) design patterns implemented in JavaScript.
Standard Library Proposal
30 seconds of code — Curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.
puppet-run — Run anything JavaScript in a headless Chrome from your command line.
Yalc — Better workflow than npm | yarn link for package authors.
ECMAScript proposals
FromJS — See where each character on the screen came from in code.
RunJS — Scratchpad for your thoughts, a playground for your creativity.
Pragmatic, balanced FP in JavaScript book
Pack — Helps you build amazing packages without the hassle.
Learning JavaScript (2016)
@pika/web — Install npm dependencies that run directly in the browser. No Browserify, Webpack or import maps required.
Sucrase — Super-fast alternative to Babel for when you can target modern JS runtimes.
Airbnb JavaScript Style Guide
JavaScript Developer’s Reading List — List of hand-picked books and articles for JavaScript developers.
Promisees — Promise visualization playground for the adventurous.
promise-fun — Promise packages, patterns, chat, and tutorials.
Perflink — JavaScript performance benchmarks that you can share via URL.
Mostly adequate guide to FP (in JavaScript) (Code) (HN)
Volta — JavaScript Launcher.
Modern JS Cheat Sheet
Fastpack — Pack JavaScript fast & easy.
Reference implementation for the JavaScript Binary AST format
Babel Handbook
List of (Advanced) JavaScript Questions
Faster script loading with BinaryAST? (2019)
recast — JavaScript syntax tree transformer, nondestructive pretty-printer, and automatic source map generator.
Madge — Create graphs from your CommonJS, AMD or ES6 module dependencies.
npmfs — JavaScript Package Inspector.
Fantasy Land Specification — Specification for interoperability of common algebraic structures in JavaScript.
Meriyah — 100% compliant, self-hosted javascript parser with high focus on both performance and stability.
The cost of JavaScript in 2019 (HN)
Poi — Zero-config bundler for JavaScript applications.
Advanced JavaScript Course
Jay — Supercharged JavaScript REPL.
Data Structures and Algorithms in JavaScript
JavaScript & Node.js Testing Best Practices
Just — Library that organizes build tasks for your JS projects.
ECMAScript (JS) specification (Code) (Web version 2)
André Staltz: Two Fundamental Abstractions — Uphill Conf 2018
JSMonday — Weekly JS inspiration.
Chevrotain — Parser Building Toolkit for JavaScript.
Comprehensive list of new ES features
Exploring JS: JavaScript books for programmers
JavaScript for Impatient Programmers book (HN)
Exploring ES2018 and ES2019
TC39 Meeting Notes
Mesh Spreadsheet — Visualise data and edit JavaScript code using a spreadsheet interface. (Web)
Immutable JavaScript Data Structures with Immer (2019)
Immutability is Changing — From Immutable.js to Immer (2019)
Tenko — 100% spec compliant ES2020 JavaScript parser written in JS.
code-red — Experimental toolkit for writing x-to-JavaScript compilers.
Reduce in JavaScript (2019)
Pika — New kind of package registry for the modern web.
Brian Holt: Futurist Code Bases: Integrating JS of the Future Today (2019)
JS TLDR — Zen mode web-documentation. (Code) (Article)
Currying Functions in ES6 (2016)
Manipulating AST with JavaScript (2019)
Is JavaScript Statically or Dynamically Scoped? (2018)
Fixed-point combinators in JavaScript: Memoizing recursive functions
runpkg — Lets you navigate any JavaScript package on npm thanks to unpkg.com.
What is this in JavaScript?
Beginner JavaScript course
ES6 Cheat Sheet
JavaScript Visualized: Event Loop (2019)
JavaScript Visualized: Scope (Chain) (2019)
JavaScript Visualized: Hoisting (2019)
Fuzzilli — JavaScript Engine Fuzzer.
Deep JavaScript: Theory and techniques (2019) (HN)
JavaScript Adaption of Structure and Interpretation of Computer Programs (HN) (Code)
State of JS 2019 (HN)
Cancelation without Breaking a Promise (2016) — Reflecting on what was so tricky about cancelable Promises, embracing functional purity as a solution.
ECMAScript Discussion Archives (Code)
What Is JavaScript Made Of? (2019)
JavaScript Visualized: Prototypal Inheritance (2020)
Y: The Most Beautiful Idea in Computer Science explained in JavaScript (2018)
2019 JavaScript Rising Stars (Code)
Best of JS — Best of JavaScript, HTML and CSS. (Code) (Web Timeline) (HN)
omggif — JavaScript implementation of a GIF 89a encoder and decoder.
Sampling bias, FDR, and The State of JS (2020)
JavaScript Visualized: Generators and Iterators (2020)
jsep — JavaScript Expression Parser.
JS Tips & Tidbits
I have been underestimating JS (2020) — Understanding V8 and NodeJS Steams.
Taming the asynchronous beast with CSP channels in JavaScript (2014)
Debounce vs Throttle: Definitive Visual Guide (2019)
GistLink — Code apps or components. See them render as you type. Share your creations via URL.
source-map-explorer — Analyze and debug space usage through source maps.
Diglett — Keep your JS project lean by detecting duplicate dependencies.
Learn Vanilla JS Roadmap
Learn JavaScript — Easiest way to learn & practice modern JavaScript step by step.
Mini projects built with HTML5, CSS & JavaScript. No frameworks or libraries (HN)
IxJS — Interactive Extensions for JavaScript.
Renovate — Universal dependency update tool that fits into your workflows.
The ECMAScript Ecosystem (2020)
esbuild — Extremely fast JavaScript bundler and minifier written in Go. (HN) (Architecture) (serverless-esbuild) (Awesome) (Web) (Esbuild plugins)
Community plugins for esbuild
Why Is Esbuild Fast? (HN)
bundless — Dev server and bundler for esbuild. (Web)
esbuild-register — Transpile JSX, TypeScript and esnext features on the fly with esbuild.
JavaScript: Understanding the Weird Parts course (2015)
Fastpack — Pack JS code into a single bundle fast & easy.
guijs — App that helps you manage JS projects with a Graphical User Interface.
Rome Toolchain — Linter, compiler, bundler, and more for JavaScript, TypeScript, HTML, Markdown, and CSS. (Web) (HN) (HN 2) (HN 3)
Bolt — Super-powered JavaScript project management.
tiny-js — Aims to be an extremely simple (~2000 line) JavaScript interpreter.
JavaScript and TypeScript tooling overview
Seafox — Blazing fast 100% spec compliant, self-hosted javascript parser written in Typescript.
Awesome JavaScript Learning
Awesome Promises
jscodeshift — Toolkit for running codemods over multiple JavaScript or TypeScript files.
React Workout: Reducers with Cassidy Williams (2020)
JavaScript: The First 20 Years (2020)
Awesome Storybook
QuickJS — Small and embeddable Javascript engine. (Web) (HN)
Test262: Official ECMAScript Conformance Test Suite
Hegel — Advanced static type checker. (Web) (Intro to Hegel)
NectarJS — JS God mode. No VM. No Bytecode. No Garbage Collector. Full Compiled and Native binaries.
Eloquent JavaScript book (2018) (HN)
JS.coach — Manually curated list of packages related to React, Vue, Webpack, Babel and PostCSS. (Code)
How to create a reactive state-based UI component with vanilla JS Proxies (2020)
Kite Autocomplete for JavaScript (Article)
Excalidraw: Cool JS Tricks Behind the Scenes — Christopher Chedeau (2020)
Cleaner async JavaScript code without the try/catch mess (2020)
Shifty — Tweening engine for JavaScript. It is a lightweight library meant to be encapsulated by higher level tools.
jspm — Package management CLI.
JS Bits — JavaScript concepts explained with code.
Binary-parser — Parser builder for JavaScript that enables you to write efficient binary parsers in a simple and declarative manner.
estrella — Light-weight runner for the esbuild compiler.
jsparagus — JavaScript parser written in Rust.
Callbag — Standard for JS callbacks that enables lightweight observables and iterables. (Wiki)
JavaScript Standard Style — JavaScript style guide, linter, and formatter. (Code)
Boa — Experimental Javascript lexer, parser and compiler written in Rust.
Understanding JavaScript Execution Context like never before (2020)
Causes of Memory Leaks in JavaScript and How to Avoid Them (2020) (Lobsters)
UI.dev — Master the JavaScript Ecosystem.
Do Not Follow JavaScript Trends (2020) (Lobsters) (HN)
Some things that can be avoided in JS for clearer code (2020)
JS fundamentals and resources to learn them (2020)
A little bit of plain JavaScript can do a lot (2020) (Lobsters) (HN)
Memoization: What, Why, and How (2020)
An Open Source Maintainer’s Guide to Publishing npm Packages (2020)
Robust Client-Side JavaScript (2020) (HN)
Visualization of npm dependencies
How to Learn JavaScript (HN)
Google Closure Compiler — Tool for making JavaScript download and run faster.
JSConf — Conferences for the JavaScript Community.
The history of Promises
Skypack — New kind of JavaScript delivery network. (HN) (Introducing Skypack Discover) (Docs)
Openbase — Help developers choose the right JS package for any task — through user reviews and insights about packages’ popularity, reliability, activity and more. (HN)
Basho — Shell Automation with Plain JavaScript. (Docs)
What is the JS Event Loop and Call Stack?
Starving the Event Loop with microtasks
GPU.js — GPU accelerated JavaScript. (HN)
The JavaScript Promise Tutorial (2020)
Underrated JS array methods (2020)
Javascript Generators, Meet XPath (2020) (Lobsters)
goja — ECMAScript 5.1(+) implementation in Go.
Guide to unit testing in JavaScript
How I wrote the fastest JavaScript memoization library (2017)
JavaScript Playgrounds — Interactive JavaScript sandbox. (Code)
Speakeasy JS — Weekly JavaScript meetup.
Elsa — Minimal, fast and secure QuickJS wrapper written in Go. (HN)
quickjs-rs — Rust wrapper for QuickJS.
RSLint — JavaScript linter written in Rust designed to be as fast as possible, customizable, and easy to use.
Beginner’s Series to: JavaScript by Microsoft (Code)
Please stop using CDNs for external Javascript libraries (2020) (Lobsters) (HN)
ESM Hot Module Replacement (ESM-HMR) Spec
esbuild-js — es-build implemented in JS.
Visual Guide to References in JavaScript (2020)
Modern JavaScript features you may have missed (2019)
RegPack — Self-contained packer for size-constrained JS code.
ElectronJS alternative: SciterJS — HTML/CSS/JS in 4.5 MB executable (HN)
ESTree Spec — Manipulate JavaScript source code.
Pattern Matching in JavaScript (2020)
How to chain methods in JS in order to write concise and readable code (2020)
npmview — Web application to view npm package files. (Code)
Metadata Reflection API for JS
SurviveJS — Learn JavaScript. From apprentice to master.
Composing Closures and Callbacks in JavaScript (2020)
CJS Module Lexer — Fast lexer to extract named exports via analysis from CommonJS modules.
JavaScript minification (2019)
export-size — Analysis bundle cost for each export of an ESM package.
ESM — Fast, global content delivery network ES Modules.
Benny — Dead simple benchmarking framework for JS/TS libs.
Functional Programming in JS — Composition (Currying, Lodash and Ramda) (2020)
Understanding Modules, Import and Export in JavaScript (2020)
Intent to stop using ‘null’ in my JS code (HN)
What Makes JavaScript JavaScript? Prototypal Inheritance (2020)
ni — Use the right package manager. Detect whether to use npm/yarn/pnpm.
Making a modern JS library in 2020
JavaScript Interview Questions & Answers
JS Operator Lookup — Search JavaScript Operators.
The state of JavaScript at the end of 2020 (HN)
What the fuck JavaScript — List of funny and tricky JavaScript examples.
1loc — JavaScript Utilities in 1 LOC.
Component Driven User Interfaces — Open standard for UI component examples based on JavaScript ES6 modules. (Code)
JavaScript Modern Interview Code Challenges
Building a Promise from Scratch (2020)
Tips and tricks for working with types in JavaScript
Astring — Tiny and fast JavaScript code generator from an ESTree-compliant AST.
EStimator.dev — Calculate the size and performance impact of switching to modern JavaScript syntax. (Code)
Publish, ship, and install modern JavaScript for faster applications (2020)
Universal JavaScript Build and Packaging
Maybe you don’t need Rust and WASM to speed up your JS (2018)
lage — Task runner in JS monorepos. (Web)
Module Server — System for efficient serving of CommonJS modules to web browsers.
How JavaScript works: exceptions + best practices for synchronous and asynchronous code (2021)
Source Map Visualization — Visualization of JavaScript source map data, which is useful for debugging problems with generated source maps. (Code)
Manypkg — Linter for package.json files in Yarn, Bolt or pnpm monorepos.
Putout — Pluggable and configurable code transformer with built-in eslint, babel plugins and jscodeshift codemods support. (Editor)
Prettier Plugin: Organize Imports
A mostly complete guide to error handling in JavaScript (2020)
Awesome FP JS
Perflink — JS Benchmarks.
Element Worklet (2021)
MDN JS Code Examples
Understanding Hoisting in JavaScript (2021)
JavaScript, the Good Parts Notes
A Model for Reasoning About JavaScript Promises (2017)
JavaScript Minification Benchmarks (HN)
Faster JavaScript Calls (2021) (HN)
Streams — The definitive guide (2021)
Awesome JavaScript