Polyfills, Transpiling and Monkey Patching

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 ×××

• Scott: Cable sleeve
• Wes: Air Purifier
• AliExpress

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

Episode source