GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects β†’ ionic-team β†’ Ionic Stencil Hn App

ionic-team / Ionic Stencil Hn App

Licence: mit
Ionic Stencil HackerNews App

Programming Languages

typescript
32286 projects

Labels

pwaionicprogressive-web-appionic-frameworkpwa-apps

Projects that are alternatives of or similar to Ionic Stencil Hn App

Ionic Pwa
πŸš€ Build a Progressive Web App with Ionic and Angular. Push Notifications. Deployed to Firebase Hosting. The Complete guide to build your PWA. Service Workers. Lighthouse. Web Manifest
Stars: ✭ 87 (-17.14%)
Mutual labels:  ionic, ionic-framework, pwa, progressive-web-app
Deckdeckgo
The web open source editor for presentations
Stars: ✭ 1,117 (+963.81%)
Mutual labels:  pwa-apps, ionic, pwa, progressive-web-app
Ionic Pwa Toolkit
Build lightning fast Progressive Web Apps with zero config and best practices built-in. Go from zero to production ready with Ionic and Stencil (Web Components).
Stars: ✭ 629 (+499.05%)
Mutual labels:  pwa-apps, ionic, ionic-framework, pwa
Pwa Badge
Badging for PWA app icons, Like Native Apps
Stars: ✭ 78 (-25.71%)
Mutual labels:  pwa-apps, pwa, progressive-web-app
Opennote
OpenNote was built to be an open web-based alternative to Microsoft OneNote (T) and EverNote.
Stars: ✭ 1,489 (+1318.1%)
Mutual labels:  pwa-apps, pwa, progressive-web-app
onchat-web
A simple, beautiful, mobile-first instant messaging progressive web application.
Stars: ✭ 138 (+31.43%)
Mutual labels:  ionic, pwa, progressive-web-app
Detoxify App
πŸ“±πŸ™… Generate a fake app to replace any addictive app
Stars: ✭ 122 (+16.19%)
Mutual labels:  pwa-apps, pwa, progressive-web-app
wordpress
Free PWA & SPA for Wordpress & Woocommerce
Stars: ✭ 103 (-1.9%)
Mutual labels:  pwa, progressive-web-app, pwa-apps
Vue Wordpress Pwa
An offline-first SPA using Vue.js, the WordPress REST API and Progressive Web Apps
Stars: ✭ 665 (+533.33%)
Mutual labels:  pwa-apps, pwa, progressive-web-app
Stencil
A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.
Stars: ✭ 9,880 (+9309.52%)
Mutual labels:  ionic, pwa, progressive-web-app
Fuel Price
β›½ Check fuel prices daily in most of the states in India
Stars: ✭ 20 (-80.95%)
Mutual labels:  pwa-apps, pwa, progressive-web-app
Ionic Navigation And Routing
πŸŽ‰ Ionic 5 tutorial to learn how to master Routing and Navigation in Ionic Angular Apps as well as some usability tricks you can add to your Ionic Framework apps to make them look even better!
Stars: ✭ 35 (-66.67%)
Mutual labels:  ionic, ionic-framework, pwa
Yesplaymusic
ι«˜ι’œε€Όηš„η¬¬δΈ‰ζ–Ήη½‘ζ˜“δΊ‘ζ’­ζ”Ύε™¨οΌŒζ”―ζŒ Windows / macOS / Linux
Stars: ✭ 12,981 (+12262.86%)
Mutual labels:  pwa-apps, pwa, progressive-web-app
Qr Code Scanner
πŸ“  A simple, fast and useful progressive web application
Stars: ✭ 982 (+835.24%)
Mutual labels:  pwa-apps, pwa, progressive-web-app
Pwa Workshop Angular Firebase
Build a production ready PWA with Angular and Firebase! This workshop consists of multiple steps for producing a PWA by transforming a regular web app - Ionic Conference App into a PWA, finally deploying it to Firebase.
Stars: ✭ 45 (-57.14%)
Mutual labels:  ionic, pwa, progressive-web-app
Ionic Firebase Starter App
Ionic 4 firebase CRUD tutorial to learn how to create a firebase application to perform Authentication and all CRUD operations in an ionic 4 application. You can use this FREE Ionic Firebase Starter App as a base to create your Ionic App with Firebase backend :)
Stars: ✭ 77 (-26.67%)
Mutual labels:  ionic, ionic-framework
Tutorial Photo Gallery Angular
Photo Gallery Tutorial: Ionic Angular and Capacitor
Stars: ✭ 73 (-30.48%)
Mutual labels:  ionic, ionic-framework
Absolute
Absolute is a web-based O2O(Online to Offline) platform like Siren-Order for Starbucks. We are focused on creating the platform that is portable, cheaper, easier, decentralized and appless.
Stars: ✭ 96 (-8.57%)
Mutual labels:  pwa-apps, pwa
Beer
The source code for the Progressive Beer app!
Stars: ✭ 73 (-30.48%)
Mutual labels:  pwa, progressive-web-app
Vue Cloudfront
vue-cloudfront - PWA for cloud storage with focus on design and performance. Made especially for self-hosting purposes. Build with vuejs2 and vuex. Always Open Source, MIT license.
Stars: ✭ 80 (-23.81%)
Mutual labels:  pwa-apps, pwa
View All Similar Projects βž”

Ionic-Stencil HN app

Stencil is a compiler for building fast web apps and components using Web Components.

Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool. Stencil takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that run in any browser supporting the Custom Elements v1 spec.

Stencil components are just Web Components, so they work in any major framework or with no framework at all. In many cases, Stencil can be used as a drop in replacement for traditional frontend frameworks given the capabilities now available in the browser, though using it as such is certainly not required.

Stencil also enables a number of key capabilities on top of Web Components, in particular Server Side Rendering (SSR) without the need to run a headless browser, pre-rendering, and objects-as-properties (instead of just strings).

This PWA is a Hacker News demo built with Stencil and our Ionic core components that are also built with Stencil.

Want to try it live? Check it out here.

Performance

We use WebPageTest to keep track of the loading performance of this demo on real, low end devices and an emerging markets 3G network. Here is the latest lighthouse from our latest WebPageTest. This is with a Moto G with an emerging markets 3G network.

Getting Started

To start devving on this project, clone this repo and run:

npm install

then run:

npm run dev

to get a live reload server that watches for changes

To build the app for production, run:

npm run build
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].