Web Framework Evolution

• The new wave of Javascript web frameworks
• The Web's Next Transition

Web Accessability

• What is an accessible name?
• Testing Library - ByRole
• Chrome dev tools Accessibility tab

Web Dev - Ryan Carniato

• dev.to
• medium

Compiler Frameworks

• Compilation in JavaScript Frameworks
• Rich Harris - Rethinking reactivity

React Fiber

• React Fiber Architecture
• react-fiber-implement
• react-basic
• Why, What, and How of React Fiber with Dan Abramov and Andrew Clark
• Sebastian Markbåge - React Performance End to End (React Fiber)
• Lin Clark - A Cartoon Intro to Fiber - React Conf 2017

React Data Fetching

• Dan Abramov's Reddit comment
• How to fetch data in React with performance in mind

JavaScript Language

• MDN JavaScript
• Comma operator
• Shallow copy
• Deep copy

JavaScript Design Patterns

• Learning JavaScript Design Patterns

JavaScript modules

• JavaScript Module Systems Showdown
• The state of JavaScript modules

JavaScript Data Structure and Algorithms

• JavaScript data types and data structures
• trekhleb / javascript-algorithms
• humanwhocodes / computer-science-in-javascript
• monmohan / dsjslib
• Tree traversal

JavaScript Web APIs

• Node.compareDocumentPosition()

Webpack

• Manually Bundling an Application
• Live Coding a Simple Module Bundler
• Detailed Explanation of a Simple Module Bundler
• Tapable
• Awesome Webpack
• The Contributors Guide to webpack
• TheLarkInn - webpack source code annotation

Webpack Runtime

The runtime, along with the manifest data, is all the code webpack needs to connect your modularized application while it's running in the browser. It contains the loading and resolving logic needed to connect your modules as they interact. This includes connecting modules that have already been loaded into the browser as well as logic to lazy-load the ones that haven't.

https://webpack.js.org/concepts/manifest/#runtime

Webpack Code Splitting

• SplitChunksPlugin
• webpack's automatic deduplication algorithm example
• Webpack 4: Code Splitting, chunk graph and the splitChunk optimization

Webpack HMR

• Hot Module Replacement
• stackoverflow answer
• webpack-dev-server runtime chunk: inspect localhost:8080/webpack-dev-server

HTTP/2

• Webpack & HTTP/2
• Forgo JS packaging? Not so fast
• The Right Way to Bundle Your Assets for Faster Sites over HTTP/2

Isomorphic Rendering

• Why You'll Always Need Isomorphic JavaScript