Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rajasegar/awesome-snowpack

Awesome list of Snowpack resources
https://github.com/rajasegar/awesome-snowpack

List: awesome-snowpack

awesome awesome-list awesome-lists pika pika-web pikapkg-web snowpack

Last synced: 3 months ago
JSON representation

Awesome list of Snowpack resources

Awesome Lists containing this project

README 

        
# Awesome Snowpack [![Awesome](https://awesome.re/badge.svg)](https://github.com/sindresorhus/awesome)



> A curated list of awesome Snowpack resources





  Logo




Snowpack is a post-install tool. It runs after npm install, and it essentially exists to convert your npm packages (in your `node_modules/` directory) into JS files that run in the browser without a bundler (written to a `web_modules/` directory).



## Contents

- [Official](#official)

- [Related Projects](#related-projects)

- [Articles](#articles)

- [Talks/Videos](#talksvideos)

- [Examples](#examples)

- [Tooling](#tooling)

- [Podcasts](#podcasts)

- [Miscellaneous](#miscellaneous)

- [Twitter](#twitter)



## Official

- [Website](https://www.snowpack.dev/)

- [GitHub](https://github.com/pikapkg/snowpack)

- [Forum](https://www.pika.dev/packages/snowpack/discuss)



## Related Projects

- [Pika Registry](https://www.pika.dev/registry)

- [Pika Code](https://www.pika.dev/code)

- [Pika CDN](https://www.pika.dev/cdn)

- [Pika Communities](https://www.pika.dev/community)

- [NPM Stats](https://www.pika.dev/about/stats)



## Articles 

- [Tree-Shaking without a Bundler? Here's how Snowpack Does It!](https://dev.to/pika/tree-shaking-without-a-bundler-here-s-how-snowpack-does-it-1fai)

- [@Pika/web Frees Modern Web Development from the Complexity of Package Building](https://www.infoq.com/news/2019/06/pika-web-no-npm-bundler/)

- [Building without bundling: How to do more with less](https://blog.logrocket.com/building-without-bundling/)

- [CSSTricks: Snowpack](https://css-tricks.com/snowpack/)

- [My first experience of using Snowpack](https://blog.atrera.com/javascript/2020/01/10/my-first-experience-of-using-snowpack.html)

- [HackerNews: Snowpack: Build a web application without a bundler](https://news.ycombinator.com/item?id=21989967)

- [Snowpack Releases 1.0](https://www.infoq.com/news/2020/01/snowpack-pika-bundler-devops/)

- [Snowpack with React by Ryan Lanciaux](http://ryanlanciaux.com/blog/2020/01/14/snowpack-with-react/)

- [In 2020, go bundler free](https://medium.com/@dmnsgn/in-2020-go-bundler-free-eb29c1f05fc9)

- [Discovering Snowpack](https://dev.to/aralroca/discovering-snowpack-29f3)



## Talks/Videos

- [DinosaurJS 2019: Pika: Reimagining the Registry by Fred K. Schott](https://www.youtube.com/watch?v=2Wwx-lF5NhE)

- [Pika Web: a new way to build Web Applications. Now renamed to Snowpack!](https://www.youtube.com/watch?v=bCsS-M4a1rg)

- [Snowpack with React: An awesome way to build web applications](https://www.youtube.com/watch?v=pUUAil_9yIw)

- [@pika/web and a brief history of ES modules && Composition, Context (API), & Prop Drilling](https://www.youtube.com/watch?v=Sn2e62CZ41g)



## Examples

- A basic, three-dependency project: [[Source]](https://glitch.com/edit/#!/pika-web-example-simple) [[Live Demo]](https://pika-web-example-simple.glitch.me/)

- To-do app with server-side render (Preact + HTM + Express): [[Source]](https://github.com/beejunk/universal-pika-example) [[Live Demo]](https://safe-everglades-56846.herokuapp.com/)

- Terminal Homepage (Preact + Typescript + Babel): [[Source]](https://github.com/ndom91/terminal-homepage) [[Live Demo]](https://termy.netlify.com)

- Electron (using Three.js): [[Source]](https://github.com/br3tt/electron-three)

- TypeScript (using Preact): [[Source]](https://glitch.com/edit/#!/pika-web-ts-preact) [[Live Demo]](https://pika-web-ts-preact.glitch.me/)

- Vue (using httpVueLoader): [[Source]](https://glitch.com/edit/#!/pika-web-vue-httpvueloader) [[Live Demo]](https://pika-web-vue-httpvueloader.glitch.me/) [By: [@thiagoabreu](https://github.com/thiagoabreu)]

- Vue (using JSX): [[Source]](https://gitlab.com/unclejustin/snowpack-vue) [[Live Demo]](https://snowpack-vue.netlify.com/) [By: [@unclejustin](https://gitlab.com/unclejustin)]

- PWA-Starter-Kit (lit-html + Redux): [[Source]](https://github.com/Polymer/pwa-starter-kit/issues/339)

- LitElement + lit-html PWA: [[Source]](https://github.com/thepassle/reddit-pwa) [[Live Demo]](https://angry-turing-4769b3.netlify.com/)

- [Heresy](https://github.com/WebReflection/heresy) 

- [LighterHTML](https://github.com/WebReflection/lighterhtml) - [[Source]](https://github.com/AhnafCodes/SAltEnv/)

- Hyperapp and JSX (using Babel): [[Source]](https://github.com/Monchi/snowpack-hyperapp) [[Live Demo]](https://snowpack-hyperapp.netlify.com/)

- React PWA Starter (React + Styled components + Workbox): [[Source]](https://github.com/matthoffner/es-react-pwa) [[Live Demo]](https://es-react-pwa.netlify.com/)

- Preact, JSX, Fragment, Router, CSS Grid, Typescript, Babel: [[Source]](https://github.com/crra/snowpack-doodle)

- React, JSX, Material-UI and super basic routing: [[Source]](https://github.com/jmetev1/snowpackJSXreact)

- A basic svelte setup powered by svelvet: [[Source]](https://github.com/jakedeichert/svelvet)

- React Component Library w/Storybook! (React, Typescript, Material-UI): [[Source]](https://github.com/snikas/React-Component-Library)

- A Laravel Starter App Using Snowpack , TailwindCSS (JIT) , and Inertia Vue 3 - [[Source]](https://github.com/codeitlikemiley/laravel-snowpack-inertia-vue)



## Tooling

- [snowpack-init](https://github.com/pikapkg/snowpack-init) - Create a bundler-free Snowpack app with a single command. 



## Podcasts

- [Snowpack and Webpack](http://podrocket.logrocket.com/1) - PodRocket episode on Snowpack with FKS.

- [Snowpack the faster frontend build tool](https://devmode.fm/episodes/snowpack-the-faster-frontend-build-tool) - Snowpack episode with Drew Powers on devmode.fm.

- [Pika and Snowpack](https://thewebplatformpodcast.com/200-pika-and-snowpack) - The Web Platform podcast with FKS.

- [Snowpack and Pika](https://uitherapy.fm/episodes/3) - Snowpack at UI Therapy with FKS.



## Miscellaneous 



## Twitter

- [Pika](https://twitter.com/pikapkg)

- [Fred K Schott](https://twitter.com/FredKSchott)