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

Content provided by Jake Hopking. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Jake Hopking or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://staging.podcastplayer.com/legal.

5y ago 1:14:53

MP3•Episode home

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

8 episodes

#Tech #Arts #Graphic Design #Jake Hopking #Design #Development #Web Design #Web Development #Frontend #User Interface #Programming #Technology