Snowpack and Pika: the next generation of bundler, package manager and CDN for the modern Web with Fred K Schott

UI Therapy | UI Design and Development Podcast

UIT 3: The first two minutes before the episode ‘officially’ starts we talk a bit about why I’m creating this podcast, and then talk about how Fred started on his Pika journey. It’s nice content so I’ve included (note, that the recording quality for Fred during this segment is lower quality.

Fred talks about how he got into programming, and goes on to talk about his time at Google working on Polymer, the native components system for the Web. At this time JS was going through a similar transformation (think ES6 and ES Modules, which is for allowing the browser to import modules), which contrasted to the ES5 way of a single document with hierarchical organisation, was a paradigm shift for JS. Pika began as a way to explore this new technology. The old world of ES5 however did allow for an immediate feedback loop of write/reload/see changes applied (this was lost with NPM and bundlers). ES6 created the opportunity to re-enable this instant feedback loop, and Pika’s focus is to make that happen...

Complete notes at https://uitherapy.fm/episodes/3/
Links

• Fred Schott: https://fredkschott.com/
• FKS on Twitter: https://twitter.com/fredkschott
• Project Polymer: https://www.polymer-project.org/
• ESM: https://2ality.com/2014/09/es6-modules-final.html
• What is The Node Way?: https://fredkschott.com/post/2014/12/the-node-way/
• Browserify: http://browserify.org/
• Webpack: https://webpack.js.org/
• 11ty: https://www.11ty.dev/
• Parcel: https://parceljs.org/
• Snowpack: https://www.snowpack.dev/
• Rollup: https://rollupjs.org/
• Svelt: https://svelte.dev/
• Drew Powers: https://blog.logrocket.com/snowpack-vs-webpack/
• SASS Language: https://sass-lang.com/
• Pika: https://www.pika.dev/
• Pika CDN: https://www.pika.dev/cdn
• Pika Code: https://www.pika.dev/code
• Pika Registry: https://www.pika.dev/registry
• Pika CDN package example: https://cdn.pika.dev/react
• Github Codespaces: https://github.com/features/codespaces/
• Component.studio: https://components.studio/
• Webpack Module Federation: https://webpack.js.org/concepts/module-federation/
• OS Awards: https://osawards.com/javascript/
• TailwindCSS: https://tailwindcss.com/
• ESNEXTCONF: https://www.esnextconf.com/
• ES Build: https://github.com/evanw/esbuild
• SWC: https://github.com/swc-project/swc

Support the show