@babel/core: "7.x"

on YouTube ↗36m

" summary

Babel 7.x roadmap, concrete migrations and tools: preset-env plus usage-based polyfills shrink bundles dramatically — a test drops a 192 KB build to ~44 KB for ~93% of users by targeting modern browsers; beta is at 30.2 with a 33 and release candidate due soon; scopes move packages under @babel/ so team access and officialness improve; new transforms: class fields (private via WeakMap), decorators (stage-2), numeric separators, Unicode property escapes, dynamic import support, and a transform-typescript plugin that strips types. Also describes a simple server that serves per-target bundles based on user-agent, which works and reduces payloads.

AI-written summary · about

" chapters (17)

1. 0:00Introduction to Babel
2. 4:56What Babel is and its role
3. 8:11Babel packages structure
4. 10:22JavaScript standards support
5. 13:15Babel 7.x class fields
6. 16:26Unicode properties plugins
7. 17:52Dynamic import and numeric separators
8. 18:33Decorators evolution
9. 19:55Operator transformation
10. 20:18TypeScript with Babel
11. 22:01Babel Preset bundle optimization
12. 24:49Bundle size experiments
13. 25:51Polyfill support in Preset
14. 27:16Production Preset setup
15. 28:19Browser-based bundle generation
16. 30:26Babel Preset usage examples
17. 34:19Q&A

" related talks

• 58m10KB or Bust: The Delicate Power of Webpack and BabelBrian Holt · Voxxed Days Bucharest 2018
• 44mBabel: ES7 and beyondGolo Roden · enterJS 2016
• 11m99 Ways to Take Away Your Ugly PolyfillsArtem Yavorsky · JavaScript fwdays'18
• 36mMigrating Babel from CommonJS to ESMNicolò Ribaudo · jsday 2023
• 52m10KB or Bust: The Delicate Power of Webpack and BabelBrian Holt · jsDay 2018
• 27mCompile Like It's 2017Artem Yavorskiy · JavaScript fwdays'17
• 52mA taste of EcmaScript 6: the language and the toolsRob Richardson · NDC Sydney 2016
• 18mTuning Babel to your runtimesChristophe Porteneuve · DotJS 2016