Scheduling non-essential work yourself is very difficult to do. It’s impossible to figure out exactly how much frame time remains because after requestAnimationFrame callbacks execute there are style calculations, layout, paint, and other browser internals that need to run. A home-rolled solution can’t account for any of those. In order to be sure that a user isn’t interacting in some way you would also need to attach listeners to every kind of interaction event (scroll, touch, click), even if you don’t need them for functionality, just so that you can be absolutely sure that the user isn’t interacting. The browser, on the other hand, knows exactly how much time is available at the end of the frame, and if the user is interacting, and so through requestIdleCallback we gain an API that allows us to make use of any spare time in the most efficient way possible.
https://github.com/gdi2290/angular-idle-preload#readme
Angular 2 Developers: This module is for Angular 1 only. Check out ng2-idle for the Angular 2 version. You may wish to detect idle users and respond, for example, to log them out so their sensitive data is protected, or taunt them, or whatever. I don't care.
angularjs idle ng-idle keepalive ping angular user sessionNotifies your app when the user is idle.When the user is idle you can do things like preload some code-split bundles, download images that haven't been scrolled to, etc. Also useful to automatically log them out of a sensitive website.
react-componentAn Angular starter kit featuring Angular 5, Ahead of Time Compile, Router, Forms, Http, Services, Tests, E2E), Karma, Protractor, Jasmine, Istanbul, TypeScript, @types, TsLint, Codelyzer, Hot Module Replacement, and Webpack by AngularClass.This seed repo serves as an Angular starter for anyone looking to get up and running with Angular and TypeScript fast. Using a Webpack 3 for building our files and assisting with boilerplate. We're also using Protractor for our end-to-end story and Karma for our unit tests.
angular typescript webpack angularclass starter-kit aot protractor karma lazy-loading hmr aot-compilation jasmine istanbul docker angular5 angular2 angular4 tipe tipe.ioHelper classes and methods make it easier for developers to implement the idle-until-urgent pattern and leverage the requestIdleCallback() API. This library is a collection of helper methods and classes (not a single bundle). As such, each helper should be imported separately. All public helpers are released at the level of the project, so they can be imported by directly referencing the helper's .mjs file.
idle until urgent idle-until-urget requestidlecallback cancelidlecallbackAn AngularJS 1.x WebSocket service for connecting client applications to servers.This type is returned from the send() instance method of $websocket, inherits from $q.defer().promise.
angular angularclass websocket websockets angular2 angular4 angularjs realtime angular-websocket angular-websockets angular-socket ngwebsocket ngwebsockets angular-class patrickjsPlease see repository AngularClass/angular-seed for a working example.bootloader is only needed to detect that the dom is ready before bootstraping otherwise bootstrap. This is needed because that dom is already ready during reloading.
angularclass angular2-hmr angular loader webpack hmr hot-reload hot-module-replacement angular2 angular4Awesome list of Angular seed repos, starters, boilerplates, examples, tutorials, components, modules, videos, and anything else in the Angular ecosystem. View as github page.Angular is a development platform for building mobile and desktop web applications.
angular2 angular4 awesome angular awesome-list angular-2 angularclass awesome-angular-2A Webpack plugin for automatically wiring up asynchronous (and other types) of JavaScript chunks using <link rel='preload'>. This helps with lazy-loading. Note: This is an extension plugin for html-webpack-plugin - a plugin that simplifies the creation of HTML files to serve your webpack bundles.
preload preload-plugin web performance perfetch webpack-plugin webpack plugin html-webpack-plugin script resource-hintsngx-restangular
angular angular2 rest-api reactive restful restful-api rest-client rxjs observable fetch api restangular-methods http request response angular-2 rest typescript typescript-library queryparams ng2-rest ng2-restangular ngx-restangular angular2-restangular angular4-restangular angular2-rest angular4-rest restangular angular-2-restangular angular-4-restangular angular-2-rest angular-4-rest angular-componentTo see better structured documentation go to wiki-page. In one month the detailed functionality description will be available only on wiki page. If you use a SharedModule that you import in multiple other feature modules, you can export the NgxPermissionsModule to make sure you don't have to import it in every module.
angular2 ngx-permissions angular2-permissions ng2-permissions angular ngx-permission ng-permission permissions angular4 angular5 angular2-permission roles angular-permissions acl rbac access access-control angular-2 angular-4 angular-5 angular-6 angular6 angularx angular-x ng ngx ng2 ng4 ng5 permission role guard router ngx-router angular2-router angular4-routerReferencing CSS stylesheets with link[rel=stylesheet] or @import causes browsers to delay page rendering while a stylesheet loads. When loading stylesheets that are not critical to the initial rendering of a page, this blocking behavior is undesirable. The new <link rel="preload"> standard enables us to load stylesheets asynchronously, without blocking rendering, and loadCSS provides a JavaScript polyfill for that feature to allow it to work across browsers. Additionally, loadCSS offers a separate (and optional) JavaScript function for loading stylesheets dynamically. The standard markup pattern for loading files asynchronously is: <link rel="preload"> (W3C Spec). We recommend using this markup pattern to reference your non-critical CSS files. loadCSS's rel=preload polyfill is designed to enable this markup to work in browsers that don't yet support this feature (view link rel="preload" support status).
Check out the JSPM version--an alternative to Webpack as an ES6 build system.If you're looking for a preliminary Angular 2 build, please use the angular2-webpack-starter.
angularjs angular1 angularclass ng6-starter gulp webpack angular es6📓 Free Angular 2 (and Angular 4) Fundamentals Course by @AngularClass
This library adds support for the Materialize CSS framework in Angular 2. It is needed to add the dynamic behavior of Materialize CSS that is using JavaScript rather than plain CSS. To use the library you need to import it once per project and then use its MaterializeDirective directive for binding it to any component that needs a dynamic behavior, like collapsible panels, tooltips, etc.
angular angular2 angular-2 angular-4 angular-5 materialize materializecss materialize-cssA skeleton Angular 2 app built with Babel and Browserify. Back in the time of angular2 alpha.18, angular/quickstart provided us to try Angular 2 app with on-the-fly transpilation and lazy-loading, which resulted in long waiting time for each file change. Also, I was not familiar with the Traceur tool stack and its output. angular2 npm package said The files under /es6 are es6 compatible files that can be transpiled to es5 using any transpiler. So I gave it a shot.
Merchant is a system for creating programs that manage changing numbers over time. It's especially useful for creating idle games (sometimes called incremental games), but could potentially be used in other games or programs. If you're not sure what an idle game is, click here to find out. Note: If you're trying to be productive right now, that link may not be for you.
framework redux games idle-gameStarting with only a few larvae and a small pile of meat, build a merciless swarm of trillions of giant alien bugs. Built with love by Evan Rosson using Coffeescript, AngularJS, Yeoman's generator-angular, Evan's own swarm-numberformat, and other libraries packaged by Bower. Inspired by the best Starcraft race.
Angular 2+ components for Google Maps. (Previously known as angular2-google-maps)
angular google-maps angular2 ng2 library angular4 agm ng maps google gmaps angular-componentAngular component for nvd3 (uses d3 v3!). It has similar technique as angular-nvd3 for angular 1, but designed for angular 2+ and without extra features (like extended mode) you won't need.it requires angular2+, d3 (v3.5.17) and nvd3 as dependencies.
angular2 ng2 nvd3 d3 component directive
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.