JSCAMP Virtual 2021
2021-07-15..2021-07-16
-- online --
who it's for
JavaScript developers, frontend developers, React developers, web security engineers, accessibility engineers, tooling and TypeScript engineers, web performance engineers
topics
ESNext language proposals; WebAssembly integration with JavaScript; web debugging techniques and tools; TypeScript for front-end development; accessibility checklist for developers; static analysis for DOM-based XSS; React portals usage; Web Workers with React; web audio and keyboard input (virtual piano); patterns for building large-scale web apps; developer communication and influential speaking
| title | author | length |
|---|---|---|
| ESNext: Proposals to look forward to | Bramus Van Damme | 33m |
Yearly ECMAScript progress hits concrete features and actionable stages: optional chaining (?.) and nullish coalescing (??) are in use (ES2020), private class… | ||
| Supercharge your JavaScript with Web Assembly | Tamas Piros | 28m |
Shows concrete builds and results: a C example compiled with emcc/emscripten exposes an insquare function to JavaScript, Go code compiles to wasm with the Go… | ||
| What happens when you search for a kitten on the Internet | Olena Kutsenko | 28m |
Starts from DNS then measures real costs and gains: DNS caching and TTL tradeoffs, the odd limit of 13 root IP addresses and distribution via anycast across… | ||
| Untangle the mystery of influential speaking | Drishti Jain | 36m |
Claim: influence comes from tactics not topics — authenticity plus situational awareness and belief in the idea. Tools: voice modulation, pauses, storytelling… | ||
| Debugging the Web | Katie Walker | 23m |
Uses console.log to split a quadratic into steps and finds a misplaced bracket that makes Math.sqrt apply only to b*2 producing intermediate outputs 14 12 2… | ||
| Typescript - a necessity front-end tool | Samyak Jain | 28m |
Claim: Typescript cuts unit-test surface by about 10–20% by catching nullability and type mismatches earlier. Practical steps include installing and running… | ||
| Don't Develop Just for Yourself - A Developer's Checklist to Accessibility | Eeva-Jonna Panula | 26m |
Automated linters and browser extensions such as Cypress, axe (Deque), WAVE (WebAIM) find structural issues but only catch about 15–50% of real accessibility… | ||
| Finding and Fixing DOM-based XSS - with Static Analysis | Frederik Braun | 29m |
Static analysis via an eslint rule flags DOM sinks (assignments to innerHTML/outerHTML, insertAdjacentHTML, document.write) and treats sanitizer calls and… | ||
| A Subtle Introduction to Portals In React | Shedrack Akintayo | 17m |
Portals render children into a DOM node outside the parent while preserving React context, event bubbling and state, introduced in React 16 and implemented… | ||
| Play Them Off, Keyboard App: Building a virtual piano in JavaScript | Sophie Koonin | 24m |
A browser-based virtual piano uses the Web Audio API with createPeriodicWave and multiple oscillators to play chords, scales and sustain; frequencies come from… | ||
| Build Snappier Apps with React and Web Workers | Mehdi Vasigh | 30m |
Claim: moving CPU work off the main thread with Web Workers keeps UI smooth. Demonstration: a naive Fibonacci(42) blocks the main thread for ~5.5s and drops… | ||
| Building Large-Scale Web Apps | Roderick Hsiao | 29m |
Uses React and ecosystem tooling — create-react-app, Next.js, Gatsby — and concrete patterns: route-level code splitting with react lazy and suspense… | ||
| nothing matches | ||