How I Graduated from React to Vanilla JavaScript

on YouTube ↗22m

" summary

Shows how a cross-framework accessible design system (Skylab) is implemented in vanilla JavaScript using the custom elements API with an IE polyfill, and reports concrete wins and bugs: a document.body event listener causing a repeating memory leak when components re-render, an appendChild timing mismatch fixed to work with Svelte, and a date picker implementing ARIA keyboard rules like arrow keys and a month/year picker (date picker keyboard behavior). Also describes building a React wrapper to keep custom elements compatible with Ember, React, Vue and soon Angular.

AI-written summary · about

" chapters (5)

1. 0:00Intro
2. 1:08Who am I
3. 3:35Why use JavaScript
4. 10:59Why Should You Care
5. 14:00Resources

" related talks

• 27mUnderstanding JavaScript Libraries via React and the React EcosystemAndrew Pinkham · DjangoCon US 2017
• 44mJavaScript in 2017: You might (not) need a frameworkDavid Vujic · NDC Oslo 2017
• 45mVanilla JS 2018Matthieu Lux · BDX I/O 2018
• 38m"Design Patters for Modern JavaScript"Justin Schroeder · Frontrunners 2023
• 54mModern JavaScript For Web DinosaursRyan Preece · NDC Sydney 2019
• 34mI Heard React Was GoodRyan Christiani · FITC Toronto 2016
• 41mLightning TalksDave Brotherstone, Hannes Diercks, Michele Guido, István Szmozsánszky "Flaki", Mouse Braun, Princiya Marina, Patty Chaupis · JSUnconf 2016
• 01h 04mWhat makes React different?Jake Ginnivan · NDC Sydney 2016