This document contains a list of practices which will help us boost the performance of our Angular applications. "Angular Performance Checklist" covers different topics - from server-side pre-rendering and bundling of our applications, to runtime performance and optimization of the change detection performed by the framework.Some practices impact both categories so there could be a slight intersection, however, the differences in the use cases and the implications will be explicitly mentioned.
angular performance practice pwa service-worker application-shell💰Expenses is a progressive web application on top of Google Sheets 📉 written in React ⚛️. It is only a static HTML that works great on mobile 📱 and can be deployed anywhere.Check out the demo but please be considerate and don't break it for others.
progressive-web-app expenses expense-tracker expense-manager react react-components service-worker reactjs google-sheets google-api material-design material-uiInspired by the awesome list thing. A Progressive Web App uses modern web capabilities to deliver an app-like user experience. They evolve from pages in browser tabs to immersive, top-level apps, leveraging the web's low friction.
pwa service-worker modern-webA collection of service worker generation tools. Configurable and forkable. A node module for generating service worker files based on provided configuration options.
service-workerProduction-ready React + Webpack architecture implemented on consumer web apps of some of the most successful enterprises in the world. Perceived performance and development experience are key factors in this setup. You can use this code base for learning or to scaffold your mission-critical project. See live demo.
react redux webpack tree-shaking webpack2 budgeting babel sass eslint prettier service-worker prpl react-routerThis plugin is intended to provide an offline experience for webpack projects. It uses ServiceWorker, and AppCache as a fallback under the hood. Simply include this plugin in your webpack.config, and the accompanying runtime in your client script, and your project will become offline ready by caching all (or some) of the webpack output assets.
service-worker appcache webpack serviceworker pwa offline progressive-web-app storage plugin webpack-plugin offline-first service-workers application-cache caching cache progressive-web-apps app-shell appshellInspired by the awesome list thing. This specification highlights features (SQL, offline application caching APIs as well as online/offline events, status, and the localStorage API) from HTML5 and provides brief tutorials on how these features might be used to create Web applications that work offline.
offline-first service-worker offline-data appcache indexeddb offline serviceworkersService Worker Precache is a module for generating a service worker that precaches resources. It integrates with your build process. Once configured, it detects all your static resources (HTML, JavaScript, CSS, images, etc.) and generates a hash of each file's contents. Information about each file's URL and versioned hash are stored in the generated service worker file, along with logic to serve those files cache-first, and automatically keep those files up to date when changes are detected in subsequent builds. Serving your local static resources cache-first means that you can get all the crucial scaffolding for your web app—your App Shell—on the screen without having to wait for any network responses.
service-workers progressive-web-app offline offline-first service-worker caching precaching serviceworker appshell pwaService Worker Toolbox provides some simple helpers for use in creating your own service workers. Specifically, it provides common caching strategies for dynamic content, such as API calls, third-party resources, and large or infrequently used local resources that you don't want precached. Service Worker Toolbox provides an expressive approach to using those strategies for runtime requests. If you're not sure what service workers are or what they are for, start with the explainer doc.
service-worker service-workers progressive-web-app caching offline-firstProduction-ready React + Webpack architecture implemented on consumer web apps of some of the most successful enterprises in the world. Perceived performance and development experience are key factors in this setup. You can use this code base for learning or to scaffold your mission-critical project. See live demo.
react redux webpack tree-shaking webpack2 budgeting babel sass eslint prettier service-worker prpl react-routerhttps://github.com/facebookincubator/create-react-app + Progressive Web App goodness
progressive-web-app react react-starter-kit create-react-app service-worker offline sw-precacheProject Hoverboard is the conference website template that helps you to set up mobile first conference website with blog, speakers and schedule management in a few minutes. The template is created based on 7 years of GDG Lviv team experience of running conferences and feedback from more than 500 event organizers from all around the world who were using previous Hoverboard versions.
hoverboard gdg polymer firebase service-worker nunjucks material-design gulp bower redux firestore pwaWorkbox is a collection of JavaScript libraries for Progressive Web Apps. Workbox is available on npm. We have installation instructions available depending on your build tool or bundler of choice, including webpack. Even on an unreliable connection, your web app can still work using the right runtime caching strategies.
service-worker progressive-web-app offline-first service-workers sw-precache sw-toolboxUpUp is a tiny JavaScript library that makes sure your users can always access your site's content, even when they're on a plane, in an elevator, or 20,000 leagues under the sea. Mobile-First has become the de-facto standard for building modern sites. But in a world where everyone is mobile, an always-on connection isn't something we can rely on. It's time to start thinking Offline First.
hacktoberfest pwa progressive-web-app offline offline-first service-worker cache offlinefirst serviceworkerThis is the code for the FullStackWeekly website. You can use it as a starter pack for your WordPress site as well. Since WordPress can expose a REST API, this project uses Vue.js, Vue-router, Vuex, Vue-resource & Progressive Web App techniques to create an offline-first web client.
vue wordpress offline azure spa service-worker es6-javascript webpack vuejs2 vuejs vuejs-components progressive-web-app pwa-apps pwa pwapp wordpress-theme wordpress-starter-theme vuex starter server-side boilerplateA Super fast progressive web app with a small footprint & minimal dependencies. Features universal rendering, redux, state-driven routing, preact, & service workers. Crunched & optimized with rollup, buble, optimize-js, & purify-css.
service-worker preact buble redux rollup performance optimize-jsMock by intercepting requests on the network level. Seamlessly reuse the same mock definition for testing, development, and debugging. Browser usage is what sets Mock Service Worker apart from other tools. Utilizing the Service Worker API that intercepts requests for the purpose of caching, Mock Service Worker responds to captured requests with your mock definition on the network level. This way your application knows nothing about the mocking.
mock service-worker devtools mocking mocking-framework mocking-library api-mocking msw mock-service-workerThis new level of quality allows Progressive Web Apps to earn a place on the user's home screen. Continue reading more about Progressive Web Apps (PWA) from Google.
wordpress pwa service-worker https web-app-manifest progressive-web-appStreamSaver.js is the solution to saving streams on the client-side. It is perfect for webapps that need to save really large amounts of data created on the client-side, where the RAM is really limited, like on mobile devices.There is not any magical saveAs() function that saves a stream, file or blob. The way we mostly save Blobs/Files today is with the help of a[download] attribute FileSaver.js takes advantage of this and create a convenient saveAs(blob, filename) function, very fantastic, but you can't create a objectUrl from a stream and attach it to a link...
stream service-worker filesaver ram html5 saving streams file blob download saveas
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.