Javascript
Created:
News
Learning
The Modern JavaScript Tutorial ⬅️ is a nice and easy tutorial (read it in Dec 2020).
30 seconds of code “Curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.” (with an FP flavour)
WAT
JS Alternatives
- Why TypeScript Should Replace JavaScript in Your Tech Stack; 2022/11.
- Typescript vs Haxe; 2015/08.
- Bucklescript vs Elm vs Typescript: Typed Javascript showdown! by Adam Bard; Nov 2017.
–
- Sweet.js - Hygienic Macros for JavaScript via Stop Writing JavaScript Compilers! Make Macros Instead
Reading
- How JavaScript works: inside the V8 engine + 5 tips on how to write optimized code
- React, Redux and JavaScript Architecture
Functional programming
- Flow: A Static Type Checker for JavaScript
- fantasyland/fantasy-land: Specification for interoperability of common algebraic structures in JavaScript
- sanctuary-js/sanctuary: Refuge from unsafe JavaScript
- Professor Frisby’s mostly adequate guide to functional programming using Javascript
Tooling
- Parcel.JS – “Blazing fast, zero configuration web application bundler”.
- Modern Javascript tooling [July 2015].
- Javascript fatigue the problems with javascript tooling; Dec 2015.
- JS NICE: Statistical renaming, Type inference and Deobfuscation
- JavaScript Modules: A Beginner’s Guide
Libraries
- SolidJS – give this a try next time.
- HTML DOM - Common tasks of managing HTML DOM with vanilla JavaScript
- Micro JS – Micro-frameworks and micro-libraries.
- dotjs
– dotjs is a Google Chrome extension that executes JavaScript files in
~/.jsbased on their filename. - JointJS – diagramming library. Demo.
- Recharts – “A composable charting library built on React components”
- Marko friendly UI library
- ryansolid/solid: A declarative, efficient, and flexible JavaScript library for building user interfaces. has extensive examples which makes it some what interesting to study.
- confetti.js. throws confetti. see demo on the page.
- faces.js - A JavaScript library for generating vector-based cartoon faces
Visualization
- Fabric.js Javascript Canvas Library – via
- Two.js – two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl. Jul 2015.
Frameworks
It is similar to JavaScript frameworks such as React and Vue, which share a goal of making it easy to build slick interactive user interfaces. But there’s a crucial difference: Svelte converts your app into ideal JavaScript at build time, rather than interpreting your application code at run time. This means you don’t pay the performance cost of the framework’s abstractions, and you don’t incur a penalty when your app first loads. You can build your entire app with Svelte, or you can add it incrementally to an existing codebase. You can also ship components as standalone packages that work anywhere, without the overhead of a dependency on a conventional framework.
Knockout.JS – MVVM framework
Falcor – A JavaScript library for efficient data fetching | HN.. in the same space as GraphQL
Atlaskit by Atlassian based on react; “Atlassian’s official UI library, built according to the Atlassian Design Guidelines.”
Elysia - Fast, and friendly Bun web frameworks | Elysia.js for use with bun.
https://fresh.deno.dev for use with deno
The Bandolier: A Learn JavaScript the Hard Way Project by Zed Shaw. A fresh approach, and since it was built to teach JS programming, it should be easy to grok.
Links
- Lazy loading of JavaScript files
- Emacs + Javascript
- emacs + js
- Modern JS developer workflow makes me sad : javascript
- Vue.js vs. React | Hacker News
Apps
Books
- Eloquent Javascript. Free online version, now in second edition. This is an interactive book. Eloquent JavaScript 3rd Edition (2018) | Hacker News
Talks
See also: webpack