react-fade-image
Version:
[Little demo with Storybook here](https://eatsjobs.github.io/react-fade-image/) Simple react lazy fade image component. The image loads when it's in viewport by listening to scroll event (with throttled function every 200ms) The Obstruction of the image
74 lines (73 loc) • 2.1 kB
JSON
{
"name": "react-fade-image",
"version": "2.0.3",
"description": "",
"main": "lib/index.js",
"scripts": {
"clean": "rm -rvf lib/*",
"preversion": "npm test",
"version": "npm run build && git add -Af lib/index.js",
"build": "cross-env NODE_ENV=developement webpack",
"build:prod": "cross-env NODE_ENV=production webpack -p",
"test": "jest",
"test:watch": "jest --watch",
"test:coverage": "jest --coverage",
"storybook": "start-storybook -p 6006",
"build-storybook": "build-storybook",
"deploy-storybook": "storybook-to-ghpages"
},
"repository": {
"type": "git",
"url": "https://github.com/eatsjobs/react-fade-image"
},
"author": {
"name": "Pasquale Mangialavori",
"url": "https://twitter.com/p_mangialavori"
},
"license": "MIT",
"devDependencies": {
"@storybook/addon-knobs": "^3.2.8",
"@storybook/react": "^3.2.8",
"@storybook/storybook-deployer": "^2.0.0",
"babel-cli": "^6.24.1",
"babel-jest": "^20.0.1",
"babel-loader": "^6.4.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-module-exports": "^1.0.3",
"babel-plugin-transform-object-rest-spread": "^6.26.0",
"babel-preset-env": "^1.4.0",
"babel-preset-es2015": "^6.24.1",
"babel-preset-react": "^6.24.1",
"cross-env": "^5.0.5",
"css-loader": "^0.28.0",
"enzyme": "^2.8.2",
"extract-text-webpack-plugin": "^2.1.0",
"jest": "^20.0.1",
"prop-types": "^15.5.10",
"react": "^15.5.4",
"react-dom": "^15.5.4",
"react-test-renderer": "^15.6.1",
"style-loader": "^0.16.1",
"webpack": "^2.4.1",
"webpack-dev-server": "^2.7.1",
"intersection-observer": "^0.5.0"
},
"dependencies": {},
"peerDependencies": {
"intersection-observer": "^0.5.0",
"react": "^15.6.1"
},
"keywords": [
"react",
"react-component",
"image",
"lazy image",
"fade image"
],
"jest": {
"setupTestFrameworkScriptFile": "<rootDir>/jest.init.js",
"moduleNameMapper": {
"^.+\\.css$": "<rootDir>/src/__mocks__/style-mock.js"
}
}
}