Dash implementation of react-lazyload
Last updated 2 years ago by mjclawar .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install dash-lazy-load 
SYNC missed versions from official npm registry.


Large dash apps taking forever to initially render on page load? dash-lazy-load wraps Dash components with lazy loading that only render in the page when scrolled or resized into view!

This package creates a Dash wrapper around the excellent react-lazyload package.

Get started

$ pip install dash-lazy-load

To get simple lazy loading set up, the only change necessary is to wrap a Dash components with dash_lazy_load.LazyLoad.

import dash_lazy_load
import dash
import dash_html_components as html

app = dash.Dash('')

app.scripts.config.serve_locally = True

app.layout = html.Div([
    html.Div('Testing', style=dict(height=1200)),
        html.Div('I loaded in lazily!!', style=dict(border='5px solid blue')),

if __name__ == '__main__':

Lazy Load Example The blue border component loads in after a debounce period on scroll(!)


Go to this link to learn about Dash.

Dash help

See the dash-components-archetype repo for more information.


To set up the development environment:

$ npm install
# Run webpack to create the Dash React bundle
$ npm run build-dist
# Set up a virtualenv
$ virtualenv venv -p python3
$ source venv/bin/activate
# Install the local Py
$ npm run install-local

Running a local server

Run usage.py in the virtual environment

$ source venv/bin/activate
$ python usage.py


@mjclawar @wchaering

Current Tags

  • 1.2.1                                ...           latest (2 years ago)

3 Versions

  • 1.2.1                                ...           2 years ago
  • 1.1.0                                ...           3 years ago
  • 1.0.0                                ...           3 years ago
Maintainers (1)
Today 0
This Week 0
This Month 1
Last Day 0
Last Week 1
Last Month 2
Dependencies (8)
Dev Dependencies (13)
Dependents (0)

Copyright 2014 - 2017 © taobao.org |