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-shellDevDocs combines multiple API documentations in a fast, organized, and searchable interface.Unless you wish to contribute to the project, I recommend using the hosted version at devdocs.io. It's up-to-date and works offline out-of-the-box.
devdocs documentation documentation-tool developer-tools docs offline app api-documentation pwa offline-documentationInspired 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-webthis is an experiment for the web browser. it corrupts jpg images so that they appear "glitched". this experiment is very much based on the smack my glitch up js script.
glitch-art glitch-canvas glitch-images glitch webapp pwa image-processing jpg image-manipulation image jpegAWS Amplify provides a declarative and easy-to-use interface across different categories of cloud operations. AWS Amplify goes well with any JavaScript based frontend workflow, and React Native for mobile developers. Our default implementation works with Amazon Web Services (AWS), but AWS Amplify is designed to be open and pluggable for any custom backend or service.
react cloud-service metrics react-native aws aws-apigateway aws-cognito pinpoint aws-mobile aws-mobilehub aws-s3 mobile-analytics pwa analytics storage cognito amazon-cognitoLighthouse analyzes web apps and web pages, collecting modern performance metrics and insights on developer best practices. Lighthouse is integrated directly into the Chrome Developer Tools, under the "Audits" panel.
audit best-practices performance-metrics pwa web performance-analysis developer-tools chrome-devtools google chrome devtoolsWork in progress: Flatris has been recently redesigned from the ground up and turned into a multiplayer game with both UI and server components. This has been an interesting journey and I plan to document the architecture in depth. Stay tuned. Contribution disclaimer: Flatris is a web game with an opinionated feature set and architectural design. It doesn't have a roadmap. While I'm generally open to ideas, I would advise against submitting unannounced PRs with new or modified functionality. That said, bug reports and fixes are most appreciated.
tetris game pwa offline react reduxThis 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 appshellStencil is a simple compiler for generating Web Components and progressive web apps (PWA). Stencil was built by the Ionic Framework team for its next generation of performant mobile and desktop Web Components. Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool. It 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 runs on both modern browsers and legacy browsers back to Internet Explorer 11.
webcomponents pwa progressive-web-app custom-elements typescript stencil stenciljs ionic web-components components webappIonic is the open-source mobile app development framework that makes it easy to build top quality native and progressive web apps with web technologies. Ionic is based on Web Components and comes with many significant performance, usability, and feature improvements over the past versions.
ionic mobile framework angular frontend pwa typescript web stencil stenciljs capacitorBuild responsive Single Page Apps, SSR Apps, PWAs, Hybrid Mobile Apps and Electron Apps, all using the same codebase!, powered with Vue. Quasar Framework is an MIT-licensed open source project. Its ongoing development is made possible thanks to the support by these awesome backers. If you'd like to join them, check out Quasar Framework's Patreon campaign.
quasar-framework vuejs vuejs2 vue vue-component ios android electron material vue-components material-theme material-design material-components vue2 pwa quasar js phone tablet desktop spa websiteService 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 pwaDevDocs combines multiple API documentations in a fast, organized, and searchable interface. Unless you wish to contribute to the project, I recommend using the hosted version at devdocs.io. It's up-to-date and works offline out-of-the-box.
devdocs documentation documentation-tool developer-tools docs offline app api-documentation pwaThis repo contains the frontend and backend for running Lighthouse in CI and integration with Github Pull Requests. An example web service is hosted for demo purposes. Note: This repo was previously named "lighthouse-ci".
lighthouse ci pwa testing headless-chrome travis dockerRxDB is a realtime Database for the Web. It is reactive data-handling based on RxJS. It helps App to work even without internet. It supports Mango-Query, Encryption, Import/Export of database and lot more.
database nosql json-schema rxjs nodejs electron cordova pwa couchdb dapp react-native vue pouchdb react db offline-first jsonschema localstorage indexeddb encryption rx reactive realtime javascript-databaseA highly scalable, Progressive Web Application foundation,boilerplate, with the best Developer Experience.
pwa react ssr hot-reload code-splitting seo babel srcset expressjs es7 hsts hstspreload pwa-apps webpack4See generated project example here. A complete starter template: example app structure tailored for scalability, with examples and boilerplate code for every common thing needed in enterprise projects, such as unit tests, routing, authentication, HTTPS service extensions, i18n support with dynamic language change and automatic user language detection...
angular typescript industrial angular-cli bootstrap sass seed yeoman generator rocket starter-kit ngx ngx-rocket cordova ionic mobile pwa cli material yeoman-generator app addon scalable enterprise scaffold boilerplate web toolUltimate universal starter with lazy-loading, SSR and i18n. /static folder + url-loader. Everything in /static/public/ is copied to /dist/client with copy-webpack-plugin.
react redux webpack semantic-ui semantic-ui-react starter boilerplate template example ssr pwa fullstack universal-react universal react-redux
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.