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 If you found this guide helpful feel free to checkout my GitHub/gists where I host similar content: bgoonz’s gists
Instantly share code, notes, and snippets. Web Developer, Electrical Engineer JavaScript | CSS | Bootstrap | Python |…gist.github.com bgoonz — Overview
Web Developer, Electrical Engineer JavaScript | CSS | Bootstrap | Python | React | Node.js | Express | Sequelize…github.com Or checkout my personal resource Site: Web-Dev-Hub
Edit descriptionweb-dev-resource-hub.netlify.app By Bryan Guner on [March 18, 2021](https://medium.com/p/243255451e74). Canonical link Exported from [Medium](https://medium.com) on August 31, 2021.