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