angular-starter - :tada: An Angular Starter kit featuring Angular (Router, Http, Forms, Services, Tests, E2E, Dev/Prod, HMR, Async/Lazy Routes, AoT via ngc), Karma, Protractor, Jasmine, Istanbul, TypeScript, TsLint, Codelyzer, Hot Module Replacement, @types, and Webpack by @TipeIO

•    Javascript

An 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.

ProxyManager - :rainbow: OOP Proxy wrappers utilities - generates and manages proxies of your objects

•    PHP

This library aims at providing abstraction for generating various kinds of proxy classes. You can learn about the proxy pattern and how to use the ProxyManager in the docs, which are also compiled to HTML.

lozad

•    Javascript

It is written with an aim to lazy load images, iframes, ads, videos or any other element using the recently added Intersection Observer API with tremendous performance benefits. Existing lazy loading libraries hook up to the scroll event or use a periodic timer and call getBoundingClientRect() on elements that need to be lazy loaded. This approach, however, is painfully slow as each call to getBoundingClientRect() forces the browser to re-layout the entire page and will introduce considerable jank to your website.

splide - Splide is a lightweight, powerful and flexible slider and carousel, written in pure JavaScript without any dependencies

•    Javascript

Splide is a lightweight, powerful and flexible slider and carousel, written in pure JavaScript without any dependencies. There are 3 ways to install the Splide on your site.

universal - Seed project for Angular Universal apps featuring Server-Side Rendering (SSR), Webpack, CLI scaffolding, dev/prod modes, AoT compilation, HMR, SCSS compilation, lazy loading, config, cache, i18n, SEO, and TSLint/codelyzer

•    TypeScript

Seed project for Angular Universal apps featuring Server-Side Rendering (SSR), Webpack, CLI scaffolding, dev/prod modes, AoT compilation, HMR, SCSS compilation, lazy loading, config, cache, i18n, SEO, and TSLint/codelyzer

vue-content-placeholders - Composable components for rendering fake (progressive) content like facebook in vue

•    Javascript

Vue addon for rendering fake content while data is fetching to provide better UX and lower bounce rate. Include plugin in your main.js file.

AngularWebpackVisualStudio - Template for ASP.NET Core, Angular with Webpack and Visual Studio

•    Javascript

Template for Webpack, Visual Studio, ASP.NET Core and Angular. Both the client and the server side of the application are implemented inside one ASP.NET Core project which makes it easier to deploy. You can use this template also with yarn.

BttrLazyLoading - [Unmaintained] Responsive Lazy Loading plugin for JQuery

•    Javascript

BttrLazyLoading is a Jquery plugin that allows your web application to defer image loading until images are scrolled to but not only! BttrLazyLoading also allows you to have different version of an image for 4 differents screen sizes: phones (<768px), tablets (≥768px), desktops (≥992px) and large Desktops (≥1200px). BttrLazyLoading depends on jQuery (meaning jQuery must be included before the plugin files) and Animate.css (optional) for animations.

vue-progressive-image - Vue progressive image loading plugin

•    Javascript

To be able to immediately show some feedback to the user, it is possible to pass a placeholder image, which could be also 1% the size of the main image: it will be blurred so you can go crazy with optimizations here. The progressive-background has a "content" slot, which can hold content that needs to be rendered over the background image and also can hold a preloader. This slot has one property called "visible" that tells you when, for example, a preloader needs to be visible or not.

yall.js - A fast, flexible, and small image lazy loader!

•    Javascript

yall.js is a featured-packed lazy loading script for <img>, <picture>, <video> and <iframe> elements. It works in all modern browsers including IE11. It uses Intersection Observer where available, but falls back to scroll, touchmove, resize, and orientationchange events where necessary. It can also monitor the DOM for changes using Mutation Observer to lazy load image elements that have been appended to the DOM after initial page render, which may be desirable for single page applications. It can also (optionally) optimize use of browser idle time using requestIdleCallback. To optimize decoding of <img> lazy loading for simple src and srcset use cases, yall.js uses Image.decode where available to decode images asynchronously before adding them to the DOM.

ng-lazyload-image - Lazy image loader for Angular ≥ v2

•    TypeScript

The browser you targeting need to have support of WeakMap and String.prototype.includes. If you need to support an older browser (like IE) you will need to include polyfill for WeakMap and String.prototype.includes (see https://github.com/zloirock/core-js for example).

angular-ngrx-material-starter - Angular NgRx & Angular Material Starter Project

•    TypeScript

Angular NgRx & Angular Material Starter Project

example-app - Example app showcasing fulls1z3's Angular libraries

•    TypeScript

Example app showcasing fulls1z3's Angular libraries

ngx-i18n-router - Route internationalization utility for Angular

•    TypeScript

Route internationalization utility for Angular

chartjs-plugin-deferred - Chart.js plugin to defer initial chart updates

•    Javascript

Chart.js plugin to defer initial chart updates

extractify - Browserify plugin to extract code to be lazy loaded into separate bundles

•    Javascript

Browserify plugin to extract code to be lazy or on-demand loaded into separate bundles aka code-splitting.Each splitted bundles will emits stream before written into filesystem. The outfile name is available as stream.file.

react-redux-webpack-lazy-loading - The follow up example of react-webpack-lazy-loading now using Redux

•    Javascript

This is a bare minimun setup just to show how it works. Isn't intended to be a complete web app.

react-webpack-lazy-loading - A sample of lazy loading using React and Webpack

•    Javascript

This is a bare minimun setup just to show how it works. Isn't intended to be a complete web app.

v-lazy-img - simplistic vue.js directive for image lazy loading

•    Javascript

v-lazy-img adds the directives v-lazy-load and v-lazy-load-bg. The latter changes the background image (css background-image) instead of the src-attribute.

guide-to-async-components - 📖 Guide To JavaScript Async Components

Also known as code splitting, dynamic import (TC39 proposal), "chunks" (which are loaded on demand), "layers", "rollups", or "fragments". Async component (in React) is a technique (typically implemented as a Higher Order Component) for loading components with dynamic import.