Okay, it's time to performance test @pika/web 🏎️💨 The theory to test is: Does this @pika/web's install perform as well or better than other app bundling strategies? github.com/pikapkg/web#perfo… Using this thread to record thoughts as I go. Full write up coming later this week.
2
15
44
First task is to pick our test cases. I want to use some real world example apps, so I'm browsing github.com/ooade/awesome-pre… for some good starter & example apps.
1
3
Why Preact? I've used it before, it/React is well understood, and I know that it is ESM & runs in the browser. I'd eventually like to test other UI libraries, but right now the test is for all dependencies (not just web frameworks) so I'm not too worried about starting here.
1
6
I won’t speak for @rauchg, but the big question @pika/web is trying to ask/answer is: if nom could install dependencies that ran natively in the browser, would that be enough / would any other tooling be needed?
2
1
8
Lol leaving “nom” in
2
5
Cool! A huge thanks to everyone who checked out @pika/web and left a star/comment/feedback of any sort, really excited to see the different Pika projects connecting with people! You can learn more about the greater Pika project is all about: ▶️ pikapkg.com/about/
1
4
21
Curious if yarn’s new plugin system could allow for automatic @pika/web on each install/add/remove...
Now that Yarn supports plugin, I was thinking about everything it unlocks. This one looks really interesting 😮
1
7
That’s exactly Pika’s goal as a project: use whatever tools you’d like, but webpack should never be a *requirement* for getting started.
1
6
Added @midudev's demo video to the README! Thanks again Miguel ✌
¡OJO con @pika/web! 👀⚡️ 📦 Instala tus dependencias npm y úsalas directamente en el navegador. ✨ Sin bundlers, ni configuraciones de ningún tipo. ⚡️ Nativo, ESM, optimizado para http2... ¡y MUY rápido! ¡Muy pronto, vídeo más completo y artículo en midu.dev 👨‍💻!
1
7
21
@midudev let me know when you get to that article and I can update the demo URL that the readme points to
3
Skypack (prev. pika) retweeted
Powered by bundlephobia.com !
I like the size indicators on @pikapkg's home page. Use libraries. Not too many. Mostly under 10 KiB.
2
15
Skypack (prev. pika) retweeted
The Pika project is extremely promising. It's an "anti-bundler". It lets the transport (HTTP/2) and browser deal with the complexity, not the developer. 1995 style. github.com/pikapkg/web/blob/… pikapkg.com/about
19
209
916
Skypack (prev. pika) retweeted
Oh my god this video is amazing! @midudev is it alright if I link to it in the project README?
¡OJO con @pika/web! 👀⚡️ 📦 Instala tus dependencias npm y úsalas directamente en el navegador. ✨ Sin bundlers, ni configuraciones de ningún tipo. ⚡️ Nativo, ESM, optimizado para http2... ¡y MUY rápido! ¡Muy pronto, vídeo más completo y artículo en midu.dev 👨‍💻!
1
8
19
Skypack (prev. pika) retweeted
Doing some perf testing this weekend to confirm, but we may have come up with the best performing general-purpose bundling strategy in the game right now (and you don't even need to use a bundler 🤣)
Replying to @skypackjs
1. Each pkg is installed to web_modules/ as a single JS file 2. With HTTP/2, this performs as well as a single bundle (vs. individual files which perform worse, even with H2 enabled) 3. Files only change when updated, letting the browser cache unchanged deps indefinitely
1
7
Welp... I wasn't planning to share this until next week, but it looks like the secret is out: INTRODUCING: github.com/pikapkg/web 📦 Install npm dependencies that run directly in the browser. ✨ No bundlers or import maps required. ⚡️ Web-Native, HTTP/2 Optimized, FAST!
4
70
150
1. Each pkg is installed to web_modules/ as a single JS file 2. With HTTP/2, this performs as well as a single bundle (vs. individual files which perform worse, even with H2 enabled) 3. Files only change when updated, letting the browser cache unchanged deps indefinitely
2
4