In this episode of Syntax, Wes and Scott talk about what polyfills, transpiling, and monkey patching mean, how and when to do it, and libraries that can help you out.

Show Notes

00:10 Welcome
01:07 Toast follow up
02:45 What are transpiling, ponyfill, polyfill, and monkey patching
TC39 Proposals
Pretty excited about the new JavaScript non-mutating array methods. Currently in stage 3
11:18 Transpiling unsupported CSS
15:11 Polyfills
Popover polyfill
19:22 Polyfilling CSS
21:06 HTML polyfills
27:47 How to transpile and polyfill
Babel
TypeScript: JavaScript With Syntax For Types
CoffeeScript
Civet
cronn/jsxtransformer: Pipeline for transforming JSX files using Babel.js and Uglify.js
Svelte • Cybernetically enhanced web apps
Polyfill.io
core-js - npm
35:46 Shiv and shims
Shim vs Shiv
38:16 Monkey patching
49:08 SIIIIICK ××× PIIIICKS ×××

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Scott: Sentry
Wes: Wes Bos Tutorials

Tweet us your tasty treats

Scott’s Instagram
LevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets
Wes Bos on Bluesky
Scott on Bluesky
Syntax on Bluesky

Polyfills, Transpiling and Monkey Patching

Syntax - Tasty Web Development Treats