{"_id":"react-dynamic-import","_rev":"28-14082156db98dabd4867595eeea4578a","name":"react-dynamic-import","dist-tags":{"latest":"1.1.5","beta":"1.1.5-0"},"versions":{"0.1.0":{"name":"react-dynamic-import","version":"0.1.0","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn run jsdoc","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn run jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@babel/core":"^7.1.2","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","babel-eslint":"^10.0.1","eslint":"^5.7.0","eslint-config-airbnb-base":"^13.1.0","eslint-config-prettier":"^3.1.0","eslint-plugin-babel":"^5.2.1","eslint-plugin-import":"^2.14.0","eslint-plugin-prettier":"^3.0.0","eslint-plugin-react":"^7.11.1","husky":"^1.1.2","jsdoc-to-markdown":"^4.0.1","prettier":"^1.14.3","rollup":"^0.66.6","rollup-plugin-babel":"^4.0.3","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-uglify":"^6.0.0","size-limit":"^0.20.1"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0"},"dependencies":{"react":"^16.5.2"},"gitHead":"d56cdf46f3b73c834ce0119511604f0429c1ce23","_id":"react-dynamic-import@0.1.0","_npmVersion":"6.1.0","_nodeVersion":"10.6.0","_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"dist":{"integrity":"sha512-o83F48X/132WAIXEOr9Lp4GjR7NVRrhvthrJIuY6EZvHUtuRc3rHYXsEc2Fv0F5GaFvRrG+Rg/ZlwpoACXp9RA==","shasum":"34ab23457657432bb77cbe9f3d20527308369610","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-0.1.0.tgz","fileCount":13,"unpackedSize":244273,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb0vwNCRA9TVsSAnZWagAACLEQAKAJ8iAv7bXqSARUVsuZ\nZC7Alu8n5+BA3m+svJP/ka39R9aumqImnmsAq4qBaLSJaZ6IiOZK1ol5F8QK\nfnzn+s/IC5SFqQ6JbhxRIKNbYx9cqljSCRXja2twJ2mYSTkTR6BS/0eSHgJd\nvoceawrOo/d7d5ZaPT1e6UuyubhqckO3vsp3QDiWHGN30MaN0pbDZIWx2JLz\nPJ3fGtw1EoYIv4tGrhZDQboTKsd7IeLIdJ1hlo0Taiu5aHA7xUIaWFJ0QNXb\nqUtk9k+arXt0uggGrSI6rAugQeyNmnwOPwi2PJ70jfyEhVKxjD7keB8MYIqj\nZwtPMfz3+2dzhmQOpC8TEz7fFInKLaGmS5QyYz1jcyOzzNby+o0m0qwQMdXS\n/HIqJyRdu/4MXhJx+EK4fD9BpeGD9SwXDWuyEBGB6FXBuMexaxpQYOxfqGww\njYDx3dqmXljperr5JHGNrx1hO2CrOg/4e+sezC+nilLOcx7lclnCC2+RMYb1\n3MlgRSBSTzvjV66dPZKDsql3VPLteVp+vgxqZudwfSvLwRPvuJPMFQoK+KCx\noVPpzueFefoAEqNa6cgJuciXILZueyb72Pbhdf1rOgjMEdfM6qRjzx6LNeuA\nCMAmnTVORRZBXyf/icxqOdKKNVyolUpKkNrml6gKuOs+LxcyjKa7joyQvbVf\n7Rqd\r\n=ZXDz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC8kNKBrShdYmVkh6ZzC+qgirzeHcZ5jqLl+jn5OELt/QIgUlBr80sEa/4dUK0+p6jPGeQYiFkLeVDxPaCI2+LBon8="}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_0.1.0_1540553740282_0.5625532466758041"},"_hasShrinkwrap":false},"0.2.0":{"name":"react-dynamic-import","version":"0.2.0","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn run jsdoc","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn run jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@babel/core":"^7.1.2","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","babel-eslint":"^10.0.1","eslint":"^5.7.0","eslint-config-airbnb-base":"^13.1.0","eslint-config-prettier":"^3.1.0","eslint-plugin-babel":"^5.2.1","eslint-plugin-import":"^2.14.0","eslint-plugin-prettier":"^3.0.0","eslint-plugin-react":"^7.11.1","husky":"^1.1.2","jsdoc-to-markdown":"^4.0.1","prettier":"^1.14.3","rollup":"^0.66.6","rollup-plugin-babel":"^4.0.3","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-uglify":"^6.0.0","size-limit":"^0.20.1"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0"},"dependencies":{"react":"^16.5.2"},"gitHead":"64a98c1dadeb52bda73584b056e90369ef7392c6","_id":"react-dynamic-import@0.2.0","_npmVersion":"6.1.0","_nodeVersion":"10.6.0","_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"dist":{"integrity":"sha512-Suq00NG0lsJhqwKIltxVCWIzuL2nBP9Mz22tJfrkNrlSXX/BK15oY7EuLaPZNxFRZUZZZsy7qElXbIb3XaCbng==","shasum":"c8079f0fb1f4d8f02c937b9945d8b38120f20871","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-0.2.0.tgz","fileCount":13,"unpackedSize":249403,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb1AWFCRA9TVsSAnZWagAAuxIP/1Kk0eKNN+Ic517Mib/z\n+HilXyFgwLiHGBHv5hM4Mi326FfszFrh5rkJDIearKCokUFFiFjc+sDLVihb\nBwShSlUpSKTSeoYypyhKhou5IoGmerh0yCzPV3rF+Sa7bF1+6bDZMPkEFf9c\nOMA029YPv2Ehu6pmSKmeMRouWUTbGL53UMeHTwnMPmVncunvhRMs7MmJBCP3\nwgx+queuHCls70p3SptOsWZjscqM3vDqpovgLVlVB5APRrbAcIvg/q6dESZm\nij4rpw3sPM4Mm1CKNTkr/TwMZI4CuJ9XRTn3iVa/Xttgpw0KPccmZAhYMVW6\nf5etPQZjR8gsn1dmw+Dei/nP/dIWqBXlUwX0gQxxcKm5kul/Qmmhi+GKiZkJ\njUtWdYHYL0DtqQ/fV8AnSbBkJyPHgDZLBXcUuPW7lFLZZbyycYCf4JvYD/bR\n1HvYw0zw8OdCjX8VCogrIDDk1t7KsDWdPiZiezRCfTA5QaceP65m2tcFMBts\nsUjBCTG+pGhZm+Cvrvs8sfYVRhZKNt8F3qnrHqgn/iEZ0Lg4ymAKUAJnILWr\n0BDimbB2jYqJp+wlce+q9drUHNP3+sHJbbIrQsNmUuhwWlcNbhtpaWQzdwJf\nGq0vAczxs2sRVIxY6Dh8xwIiwHQL/d5oNdrMYB17i6KlfM8fZ876n/hhfzzi\nt0zU\r\n=mGnN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC6bb1GH023CxIS9d5Sl/M4e8t4t3/C9UjyTVZQjX1m7AIgPfFj/nrb9AyESurf0tykrX+46TjDvmj87WNK0kVg8u4="}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_0.2.0_1540621700393_0.3847965390083765"},"_hasShrinkwrap":false},"0.2.1":{"name":"react-dynamic-import","version":"0.2.1","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn run jsdoc","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn run jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@babel/core":"^7.1.2","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","babel-eslint":"^10.0.1","eslint":"^5.7.0","eslint-config-airbnb-base":"^13.1.0","eslint-config-prettier":"^3.1.0","eslint-plugin-babel":"^5.2.1","eslint-plugin-import":"^2.14.0","eslint-plugin-prettier":"^3.0.0","eslint-plugin-react":"^7.11.1","husky":"^1.1.2","jsdoc-to-markdown":"^4.0.1","prettier":"^1.14.3","rollup":"^0.66.6","rollup-plugin-babel":"^4.0.3","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-uglify":"^6.0.0","size-limit":"^0.20.1"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0"},"dependencies":{"react":"^16.5.2"},"gitHead":"138a73b2749e6b509cbc463dbf179cb429eaf8ea","_id":"react-dynamic-import@0.2.1","_npmVersion":"6.1.0","_nodeVersion":"10.6.0","_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"dist":{"integrity":"sha512-5OP3G7/QLgUrL4IRPWgP3artY9aAk2vjN8YffPP1sRfu0lVimV4sA04LXVoaNpZdTVgI1UwNbB54HK12XW54Cg==","shasum":"a03a8353acae18680754856c113299d641a6505f","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-0.2.1.tgz","fileCount":13,"unpackedSize":249399,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb1AYPCRA9TVsSAnZWagAAvGAQAJnlSf3zXPlxACv0jo+Y\nUUT+yzX5IGa0ogkTnOIFz76B/UaD5rtlcKd6K9qW5fjF18TEBr2+OBkBmkU0\nmrLvkSbehjrN6xv6P8EWxHvwMliUidRjcw/5/7CT0xXQ/kB2YH5gcVRoNd5R\nS8n7MbyZ183sne0FpnRZaVaQlk/ncp8xaSDcfAFdYaMMyPE2cZ1pmgLndCmV\n49MQvHOzCbx+WHZC0JoaY6nrO0oMrV/r+HnN1kcoQvoiuMW86HppYZzeRufs\nSIF/75+dboXCnvMy3LEzET+AX2WpMjQrUqaL765PDQcPVLKQaJW89uYhVjvt\neNp9oJa4dMAkyDJbm9GzdcjCAdz/wnthNd7FEgloMbV3YoUZQ5j0jVIY63uz\n30Jj9Z4e9psvoYE02FzpQmcwqhXIoyIE2ZX9S0nbyr01EohKyck3D1FZXkM5\nfn26gj0Kc8xUgOYyPTHMB+tvNsUPZif3J5zPBS88yYWU8At2BnWouZUSAFgt\nmNROJ5sgH7hWNPuLwL2xZtkWZZEldWgsITMIv2yq7kvkf4rKHp2C7ETNmMUs\n87Y2mcMfSFfjafPpvLm6E4HIH2tukOBP8TKgOghYyRRHeiYyiX2jBWPSXDmw\nCdQqgQbk0glpLRAOGLz6AE45WeautI33IVJpyiBB4tcST1EKugKXAD/3Q19+\ntteb\r\n=fUjt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDKBsInuEoZ18+dWknD9cIjNESc9Lnv1ll0FwTTO7PcgAIgPkRrR3cq41kkbazswS0VViYrnXkW0UjDNwpVqtnhY2g="}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_0.2.1_1540621838649_0.6037768866344626"},"_hasShrinkwrap":false},"0.2.2":{"name":"react-dynamic-import","version":"0.2.2","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn run jsdoc","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn run jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@babel/core":"^7.1.2","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","babel-eslint":"^10.0.1","eslint":"^5.7.0","eslint-config-airbnb-base":"^13.1.0","eslint-config-prettier":"^3.1.0","eslint-plugin-babel":"^5.2.1","eslint-plugin-import":"^2.14.0","eslint-plugin-prettier":"^3.0.0","eslint-plugin-react":"^7.11.1","husky":"^1.1.2","jsdoc-to-markdown":"^4.0.1","prettier":"^1.14.3","rollup":"^0.66.6","rollup-plugin-babel":"^4.0.3","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-uglify":"^6.0.0","size-limit":"^0.20.1"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0"},"dependencies":{"react":"^16.5.2"},"gitHead":"138a73b2749e6b509cbc463dbf179cb429eaf8ea","_id":"react-dynamic-import@0.2.2","_npmVersion":"6.1.0","_nodeVersion":"10.6.0","_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"dist":{"integrity":"sha512-N6A4rPfHRqHbiWdo3he2USG4I9ovxoEHmBgcBt9NznO4zYqBIkYtFy+OvAmp4Tu/l17Jago8bUqydBlNTPkmxg==","shasum":"e2399dbbd2531b623efdc1cb9ca2d67c08eaf6ac","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-0.2.2.tgz","fileCount":13,"unpackedSize":250873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb1YhDCRA9TVsSAnZWagAAU3MP/i9/Mzfn6KPgukTs04t0\n/HRndqnT2gRKWO5Xq4WwQo5H0gsqwYk7c+ZoXa1jr4kZO7xoiYg6r5Ps+i8F\nMYJdomWcCV2z7thafcIS+h9Xoujq0eX+N0sh9UaEEex02FTOmBzfG+6uzq6d\nqtRW9BMNKRJy6apefEA9g28yeg3v3Twl636ZJCiKNawsoxHuqynql1eqk21y\nW46J4jdk/6E03zE7LENnUJrhVgyywQSc7RMcbYFQKhN06+p6va+EUiIB5lBP\n8m+sIwZ/Yo2gESAY7CqUsuTzOXLbdOjruFUJvYz8iHromNjEk1325WtDA1fh\n2ukw5x56xBG/VczDnSylj1gd5douYoXDeQj2KkBligPoF6TOiXsQICGF7Qi2\nMGo1gRKpSXhE8IiGLXlTmTekadACQ3lN5FgFtY5XTI7w5dSgQB3rOXlpfI9b\neAsl0lpkE8e6a8IdZ1Jyv4GkDxTzJR9ULcZ9VECxebRk6Bx99S1OPCJqrn2h\n0Gl0nddaYnvdoK0KqXBpge3Ux6aZ0BL1z0/AmJBd5nacGdgoNuLFErvcCX6M\njGq//P7u3smE6QFHWth8R6gmLzG6bO+0KeRa8AAJgl1LCXhmUT+FLqQYEDcv\nW5IqMW7O7BNAYz677H7gfeozz8qjZI5TRnGa7aamMCUXmlSHda+I+7ME94Go\nHtQY\r\n=SLJE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDabojQPK9uc1jcKpWBNoqcCcVY7lA0fJm50uuefCOkmwIhAOTT+hVQdJb65vKv0LZ2Rm2fXMJzlolZ2dMfyHIVSQI/"}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_0.2.2_1540720707184_0.003293648595683818"},"_hasShrinkwrap":false},"1.0.0":{"name":"react-dynamic-import","version":"1.0.0","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn run jsdoc","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn run jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@babel/core":"^7.1.2","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","babel-eslint":"^10.0.1","eslint":"^5.7.0","eslint-config-airbnb-base":"^13.1.0","eslint-config-prettier":"^3.1.0","eslint-plugin-babel":"^5.2.1","eslint-plugin-import":"^2.14.0","eslint-plugin-prettier":"^3.0.0","eslint-plugin-react":"^7.11.1","husky":"^1.1.2","jsdoc-to-markdown":"^4.0.1","prettier":"^1.14.3","rollup":"^0.66.6","rollup-plugin-babel":"^4.0.3","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-uglify":"^6.0.0","size-limit":"^0.20.1"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0"},"dependencies":{"react":"^16.5.2"},"gitHead":"29ce5b82cb77b3fb63f346ceb381b56e29e17191","_id":"react-dynamic-import@1.0.0","_npmVersion":"6.1.0","_nodeVersion":"10.6.0","_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"dist":{"integrity":"sha512-eSovuDz6LC42MUcfr0N0PpxKpjMd74bs5THilXvTsKkCW9SuoRibozpjVPOs7joDBi/YQzykO1sSS4967k+5hg==","shasum":"5f2934940cee43a3a823e41b6d06859072d2ac3d","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-1.0.0.tgz","fileCount":13,"unpackedSize":250872,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb1YyRCRA9TVsSAnZWagAAMpUQAJYyXYQsbAB6n2n4mw9t\npGtjH7YMHTbqppC6UjPsZmYU54Yj1QuLIo3OVQ+2eztb3qW+yUjCyd5PUKtU\nNrnabxQ/DR5PGhWYihv8fwRyFAT2XFt62DFZxof3+/TBbOnGxfAOuoZa0vZX\nGFO/CdAIsW0hh+8i+pnLFhOBhsLze41YGahyDSTIymjk8BMq1/nGrWClZ3rI\ndkzcStbETSjxAot5VKrZRME/BQsAdc2OQBg7he4eUtgQUJjstl+ZiqT7iPC6\ncF/Min38Jd0xbvm7joeRaHERTrn7rjsYMRFAuC/JkxYZWXh07lNYYtoYH0rN\noT4wj15ArOS1Xpn5SL5/gv221teeNW1DluUly9L0jIYQ9bnu+2d5sI1YUI67\nUuXuvPG9pTXX9vXjxI6erqSRwmUQg85nSS+oVVmVx9Xjos+Gjk8tfz7FFL5r\nXr7BHgdedRZNTCqBF1TM91DN5279GSDZDgSOdO7GnOI/Oep1qRfNjeyhSeNz\n2FaoSrNd3v1JA6ec0UoLlLKqFJpQIlHdHtUXu8UcxlRi+xWLuGyhXByeEpI5\nDaFL8WNg7SctzrKcdBx/mXG22Ml9XD4LZzd8VXJWkvrHh0L3/AEuVQUWtByd\nTUmDr/jvm9ZkRGCcdAGTd0TsjvrY7YWxypZtOumSyzrhr1gPdTIf3oeUjKYJ\n9z87\r\n=ert6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCJ/HDOecfPj0Z7eA6bzd5WTHdkieqq9T8xyqbIDD7nFwIgME3n0aXFfIYfeSpV3KMMdmnomfuChMX04jyEp8SbwXY="}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_1.0.0_1540721809320_0.22848203202485018"},"_hasShrinkwrap":false},"1.0.1":{"name":"react-dynamic-import","version":"1.0.1","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn run jsdoc","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn run jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@babel/core":"^7.1.2","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","babel-eslint":"^10.0.1","eslint":"^5.7.0","eslint-config-airbnb-base":"^13.1.0","eslint-config-prettier":"^3.1.0","eslint-plugin-babel":"^5.2.1","eslint-plugin-import":"^2.14.0","eslint-plugin-prettier":"^3.0.0","eslint-plugin-react":"^7.11.1","husky":"^1.1.2","jsdoc-to-markdown":"^4.0.1","prettier":"^1.14.3","rollup":"^0.66.6","rollup-plugin-babel":"^4.0.3","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-uglify":"^6.0.0","size-limit":"^0.21.0"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0"},"dependencies":{"react":"^16.5.2"},"gitHead":"131c2076ed492ade9ce83759f1681dcb20176bc6","_id":"react-dynamic-import@1.0.1","_npmVersion":"6.1.0","_nodeVersion":"10.6.0","_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"dist":{"integrity":"sha512-7WRMJMTkGpwWY6eCU4JViptppywnP2thNGvGkGe3l8gqHq5bMBIeMOn3aetKnpHxmNhH3WpnwBVHkWty1CUicw==","shasum":"97850323728a365c06bdfb64e37ed914b12efc49","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-1.0.1.tgz","fileCount":13,"unpackedSize":252647,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb3CMRCRA9TVsSAnZWagAAAL8P/AsLzoJzxwzd+pu8VDUJ\nkA/6mJL+vvFgV7iBnS+G5VBogt/ooZuvydy3SS0HNICgrwCcHsOGRJTCoLkU\nEfCtPgKbeKJESMelxspv0nVe1yXzgmecDO7XJDcswQtLRacydb9U+BK/E8pz\nc+a3vazH1JupfwcuN97W9oGvj0bgnFJVDWWaaBEdBOhovJAY+TVhzrXrDwC3\nD7boWAaVSkCSqsXo8j67ZW56WsJBUCfR2Qviic+v+jV8LCiTgLX0Taq+Iwx7\noIWcl6pqbJNt2oWmGynbf/CQBJpjMmhcQXb4ZKyuYbyYfhh7UzJJWKK/WAkT\nWOzQBWb3/rNEBjQMwNcJXUZVoy7z0KcvKg3ONlWbso0iFG8MjCFUJFrkizIB\n2wc8iGqM09WnIN4rWcvjHFWGeRG6uvluO/QWWUkoAWfBrI7/yIS2Xa6ATm21\n1/6KNPjhhyfMSJOO3fhIE8Dy4AZjnore2axBrKdnxZwUDmMHWADMq80i4+FE\n9k27v1jUw5w3jvoP+caSw90drmSP9EquHzzElDAO3+ENcbZak/vlQoWkV/ze\nUPxXs6Ilkk4y9wMIpBOgwrpaieMtdB3Aw5fzNCCghycfOefK28vByUS4xvL1\n7BF9nDfMH7yXZ0+Yd2fonmSdDhBEsLNmioqtA8dJSVoVqx8DuqC1xjcjZ50S\nEBpN\r\n=Z4LY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDI4VtxAOzqXSKEHz4oMMYLgehOXMtb2yUx4iOVLHFGhwIhAPFij4S3zK7k8YmcE0e4QALIJ4pevJ53nuhWXZOacEVj"}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_1.0.1_1541153552846_0.48676722340930834"},"_hasShrinkwrap":false},"1.0.2":{"name":"react-dynamic-import","version":"1.0.2","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn run jsdoc","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn run jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@babel/core":"^7.1.2","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","babel-eslint":"^10.0.1","eslint":"^5.7.0","eslint-config-airbnb-base":"^13.1.0","eslint-config-prettier":"^3.1.0","eslint-plugin-babel":"^5.2.1","eslint-plugin-import":"^2.14.0","eslint-plugin-prettier":"^3.0.0","eslint-plugin-react":"^7.11.1","husky":"^1.1.2","jsdoc-to-markdown":"^4.0.1","prettier":"^1.14.3","rollup":"^0.66.6","rollup-plugin-babel":"^4.0.3","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-uglify":"^6.0.0","size-limit":"^0.21.0"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0"},"dependencies":{"react":"^16.5.2"},"gitHead":"131c2076ed492ade9ce83759f1681dcb20176bc6","_id":"react-dynamic-import@1.0.2","_npmVersion":"6.1.0","_nodeVersion":"10.6.0","_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"dist":{"integrity":"sha512-bNdz4J/DEcLCFGKR71C9BDEpa0RYK7K1R6NFd6sjzoLG/TmGCSlgiIv9IbgMJaqhbQ6XIgCza5zkbbSzxjM2RA==","shasum":"d576a184dcf85148183c98465c8680eccc743a10","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-1.0.2.tgz","fileCount":13,"unpackedSize":252647,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb3CTOCRA9TVsSAnZWagAAtBAQAJwa9BjkvDsltQetyet4\nzv/cQ55c+m5iTu24v5EXx11rGKmo1AX189gSLEsyIyGC5U62ml37NoqYljPF\nj7RsgpCOnWqu/i5UYzNmemnljffC3MdQ+5yoXaNU/woYgDWfoK2QiR7R/L+j\np9lt+Jm6mrjdWQMAzpfibcq/wO0qC2CSl+H096yO9KQ0ixD6WPJL7BQc36Oy\n0sq/r2J50gCgG1CAFPitxzPgsAnJb9UFHnzrhsuUi+LHnTGJAKbQJgT67nwO\n2CggLvzPKhHUSAbOfmKY/R5R8CU3Oq83dhyrTpmlIqP5bFkIkHW1SWeg6aOz\nvrMdMZcvDL2ADIh5xTvOypd70/fB8RxA2Ph1bEkm0/pMhH+rCw4gdkDJ/Ogo\nihcrpkl7rCZqpaz8EpwpByS3051DK49948h+lDZcpyTf5if74xioPPFDVYQh\nPv0CxB1q/kmIAhv+HYaTjLt/OvFQAx2s0OW8j6v7kja+JqsoLf7Edaoen6SG\n5/0Mf6oNRTaVIehHvSaLv9XMzyUfuyveu/se8E37gi3/2fePM35MZw5XAFyT\ncy9khoWxHeMId2OafeOx+N89jMRXzFU3xieKLgw4kp7smW/nLm0vk7PYNoNS\na0/YOKZaLiPqscwDDer8BGwHofdCn+FlKe+RwXHI3N+Wmyyc6gQWvfRAZppC\n59fc\r\n=3R92\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBs/OvBFL81QyIqiVkws2Ui/l84ZU+9W0BsTsQLDCp6/AiEAwCLjwVMtz6/Xp5jga3CbEcwKyopdEmppik5k+XTBlIw="}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_1.0.2_1541153997718_0.07011779253070838"},"_hasShrinkwrap":false},"1.0.3":{"name":"react-dynamic-import","version":"1.0.3","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn run jsdoc","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn run jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@babel/core":"^7.1.2","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","babel-eslint":"^10.0.1","eslint":"^5.7.0","eslint-config-airbnb-base":"^13.1.0","eslint-config-prettier":"^3.1.0","eslint-plugin-babel":"^5.2.1","eslint-plugin-import":"^2.14.0","eslint-plugin-prettier":"^3.0.0","eslint-plugin-react":"^7.11.1","husky":"^1.1.2","jsdoc-to-markdown":"^4.0.1","prettier":"^1.14.3","rollup":"^0.66.6","rollup-plugin-babel":"^4.0.3","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-uglify":"^6.0.0","size-limit":"^0.21.0"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0"},"dependencies":{"react":"^16.5.2"},"gitHead":"131c2076ed492ade9ce83759f1681dcb20176bc6","_id":"react-dynamic-import@1.0.3","_npmVersion":"6.1.0","_nodeVersion":"10.6.0","_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"dist":{"integrity":"sha512-XEd2cpToSbzl1YO3Qg/on8XubZhfc55BwXotvERYzG7IGTe7iIs2MQ4AFgNG+vIvV5oBikhM64TG3RBVAv1DhA==","shasum":"7e0d554ad3a30779022b14710d0b0be84b6452f4","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-1.0.3.tgz","fileCount":13,"unpackedSize":252694,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb3CiCCRA9TVsSAnZWagAAD84P/A6rMr6j+dqoDU0NZlad\n0S+5RGfT/6notC8X3DadDeZzXwhhjeWSAacF25IGBlKETGbqg5w/u8bGvpHt\nNamNBVLPtllpWrnwJmqLzD+B6wq4/2A+o4p4oFHXntyfBIIlsIu+SY73ZgHF\nnprJDJ/3jbwovMxyZTnBY82sRTt9l4R0eK/940+plsN3NRqwyn/Y+lYQyI0w\nXVFW6Gknf7Kvgovsw1gxxAG0cvIU1U6tyD2ZpuLIXGTWFiXRi7Sm+0/uXejh\nuB2wt80lmBzZiBjgIZN5hxmrBljt9wkWEVs/p3VmvHgK8HzphLHqvMV6FQHa\ns1i8ezgPbnoDhePBAiQ0S+AfAJWiBPyxrC8WhbKH33v+9EGUS76nrGUNYK8s\nvnwF4PaOuaJwR21c02zEkBia7Czl4aaIZuVxhr9BJf5O0q7DErSnhdCLNQBm\nNklHHWOilkJa/+nmParhdjCyngA+YIuk1nvh4kLSr8QWUeh54mw57vqrdxF8\nA+eAugJDkzJKGr6wit2uD1S9I62AL9t46ZBTCOFTQIr0GTXVXAVjm+O2huKK\nbiFVbUJG/l0NHZ+2ltVhlWndqWEWFvGn2UMW9uMqj9VcALCx4pEIGFOVQIkC\n2K8TAQvc/DZskkEYgocZcIt3L/sDFB0Et/6q16vlRTamXFG5gtWzDD8VIXHR\neYh/\r\n=xmEj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCp/TiavxnU01+PdI7paWjM4aQZt70T/VMNht1uOE4GuQIgDXgnzcLCiPIb3aJ9ycrhEJkJGjmnPkRIHUhyFAtevZs="}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_1.0.3_1541154945863_0.6083507246400128"},"_hasShrinkwrap":false},"1.0.4":{"name":"react-dynamic-import","version":"1.0.4","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn jsdoc && yarn build","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@babel/core":"^7.2.2","@babel/plugin-proposal-class-properties":"^7.3.0","@babel/preset-env":"^7.3.1","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","babel-eslint":"^10.0.1","eslint":"^5.13.0","eslint-config-airbnb-base":"^13.1.0","eslint-config-prettier":"^4.0.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.16.0","eslint-plugin-prettier":"^3.0.1","eslint-plugin-react":"^7.12.4","husky":"^1.3.1","jsdoc-to-markdown":"^4.0.1","prettier":"^1.16.4","rollup":"^1.1.2","rollup-plugin-babel":"^4.3.2","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-node-resolve":"^4.0.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-uglify":"^6.0.2","size-limit":"^0.21.1"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0"},"dependencies":{"react":"^16.8.1"},"gitHead":"6413a83d09e091ab6fcceee0caa825e0950da846","_id":"react-dynamic-import@1.0.4","_npmVersion":"6.1.0","_nodeVersion":"10.6.0","_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"dist":{"integrity":"sha512-USDxpGPvvnC4JJ1gvynej98QGcsj8dgj0FRXFjdSAOArE1FO/H96HU9SBdW77w6/6sRGuk2sgRuFWDzAi7t5eA==","shasum":"d161a735e1586f3cb58b4f8192415ac94497b8ef","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-1.0.4.tgz","fileCount":13,"unpackedSize":280623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcZTxZCRA9TVsSAnZWagAAJAsP/R9TT9ZYGEYuP2g05JEH\nJ3ZMZCauNzUy2FWkc5rgKBqDSsdK7SfA72DoSS77OdgwV8K1dJa0wGpNGhSe\n/h3nSYqvvruzgsG5aMM/Ok1mBA3ijD7Q5Z62AaVuHTqmf48qNOzkn9ljoOnP\nxh7h7eKcSpGx3XtlZbTHCftq2TmhwAN3VzSQsGu4vN7rONmg+H48WRtEpfjR\n4NOY6JAY9LJV9MTdPTEZHavv6SjItvA1Y65XlAbk+J/5BySnW0lv0ceawOuJ\nF7wqu1XYFqWd5h+HwEmkZWaHNyKDrJjbLB0ExCt3YGT6m9MP+JMmbG08yWqY\naIbPgpZ65vDbyzePNUjPIVzNnmpRkH8PN6iWEZd+Ktys5oXDfEoCdvJ7eU7E\ndVddWsTO2Ms7+zCp+NBiQlof2JHza2lQDe0OInMPA+yKBovLXnHpRmqQNgh/\nh2MS7RxLNS+s1ZMP6bnZcZ1OXDo+Ip0RcGfzpRIC0sGG0xpnNcHaF0dgiTWX\nVlI0bCOgWO+n0Cy7jhMcGDqVwZpUyaQbWIlxYTMmMNgYDoQCABKLk+Yuou76\nouRiOnetXaEVE48lf4n/e85S9yzmfR7/O96lhwPmRZd5+WFvwpKQToVZknBx\nou4a0VY3K9RGy+Bt1nh9S7JWh6L60dllBlcWKbdKyNBjJvhqpCprIJGjUrvk\nLooO\r\n=cJ4z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICsreox2gXOl5sMrBYuUE8uVt5t+1k+kErKW9msa6w2MAiAmlWTUDGvXWEessg95yvnNjInvJkDyYd5QQLvwWAig8A=="}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_1.0.4_1550138456526_0.35266696376051465"},"_hasShrinkwrap":false},"1.0.5-0":{"name":"react-dynamic-import","version":"1.0.5-0","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn jsdoc && yarn build","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@babel/core":"^7.4.4","@babel/preset-env":"^7.4.4","@babel/preset-react":"^7.0.0","@babel/register":"^7.4.4","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-config-airbnb-base":"^13.1.0","eslint-config-prettier":"^4.3.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.17.2","eslint-plugin-prettier":"^3.1.0","eslint-plugin-react":"^7.13.0","husky":"^2.3.0","jsdoc-to-markdown":"^5.0.0","prettier":"^1.17.1","rollup":"^1.12.2","rollup-plugin-babel":"^4.3.2","rollup-plugin-commonjs":"^10.0.0","rollup-plugin-node-resolve":"^5.0.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-uglify":"^6.0.2","size-limit":"^1.3.2"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0"},"dependencies":{"react":"^16.8.6"},"readme":"# react-dynamic-import\n\nDynamically load and render any react module(Component or an HOC) using dynamic import š\n\nTiny(**around 1.16kb gzipped**) dynamic module loader and renderer.\n\nš [DEMO](https://codesandbox.io/s/93b1m)\n\n> ā ļø Hooks only(requires react 16.8.0 or above), use [v1.0.4](https://www.npmjs.com/package/react-dynamic-import/v/1.0.4) if you want older react versions support\n>\n> Should work with any bundler(eg: webpack, parcel etc) which supports dynamic import āØ\n\n[](https://opensource.org/licenses/mit-license.php)\n[](https://github.com/ganapativs/react-dynamic-import/)\n[](https://travis-ci.com/ganapativs/react-dynamic-import)\n[](https://badge.fury.io/js/react-dynamic-import)\n[](https://badge.fury.io/gh/ganapativs%2Freact-dynamic-import) [](https://greenkeeper.io/)\n\n## Table of Contents\n\n- [Install](#install)\n- [Basic Usage](#basic-usage)\n- [Advanced Usage](#advanced-usage)\n- [API](#api)\n- [Contribute](#contribute)\n- [License](#license)\n\n## Install\n\n### NPM\n\n```sh\nnpm install react-dynamic-import\n```\n\n### Yarn\n\n```sh\nyarn add react-dynamic-import\n```\n\n### UMD build\n\n```html\n\n```\n\n## Basic usage\n\n1) Component\n\n - **Folder structure**\n ```text\n |_ realComponent.js\n |_ container.js <-- working file\n ```\n - **Usage**\n ```js\n /**\n * Import library\n */\n import ReactDynamicImport from 'react-dynamic-import';\n // or const ReactDynamicImport = require('react-dynamic-import');\n\n /**\n * Define dynamic import loader function\n */\n const loader = () => import(`./realComponent.js`);\n\n /**\n * Use dynamic module and lazy fetch component\n */\n // Make sure to use it outside render method, else new component is rendered in each render\n // You can choose to show a placeholder and render error component in case of error, check API section for more\n const RealComponent = ReactDynamicImport({ loader });\n\n class Container extends React.component {\n render() {\n // This component will be dynamically fetched and rendered on first usage\n return \n }\n }\n ```\n\n1) HOC\n\n - **Folder structure**\n ```text\n |_ realComponent.js <-- Real component to wrap in HOC\n |_ withHOC.js <-- HOC\n |_ container.js <-- working file\n ```\n - **Usage**\n ```js\n /**\n * Import library\n */\n import ReactDynamicImport from 'react-dynamic-import';\n // or const ReactDynamicImport = require('react-dynamic-import');\n import RealComponent from './realComponent.js';\n\n /**\n * Define dynamic import loader function\n */\n const loader = () => import(`./withHOC.js`);\n\n /**\n * Use dynamic module and lazy fetch HOC\n */\n // Make sure to use it outside render method, else new component is rendered in each render\n // You can choose to show a placeholder and render error component in case of error, check API section for more\n const DynamicHOC = ReactDynamicImport({ loader, isHOC: true });\n const WrappedComponent = DynamicHOC(RealComponent);\n\n class Container extends React.component {\n render() {\n // The actual HOC is lazy loaded and executed, which in turn renders the actual component\n return \n }\n }\n ```\n\n## Advanced usage\n\n1) Component\n\n - **Folder structure**\n ```text\n |_ dynamic\n | |_ realComponent-en.js\n | |_ realComponent-eu.js\n | |_ realComponent-kn.js\n |_ container.js <-- working file\n ```\n - **Usage**\n ```js\n /**\n * Import library\n */\n import ReactDynamicImport from 'react-dynamic-import';\n // or const ReactDynamicImport = require('react-dynamic-import');\n\n /**\n * Define dynamic import loader function\n * This loads specific module from many available modules using given module name\n */\n const loader = f => import(`./dynamic/${f}.js`);\n\n /**\n * Use dynamic module and lazy fetch component\n */\n class Container extends React.component {\n constructor(props) {\n super(props);\n\n // Make sure to use it outside render method, else new component is rendered in each render\n // You can choose to show a placeholder and render error component in case of error, check API section for more\n // This loads different module when different language configuration is passed\n this.RealComponent = ReactDynamicImport({ name: `realComponent-${props.lang || 'en'}`, loader });\n }\n\n render() {\n const { RealComponent } = this;\n\n // This component will be dynamically fetched and rendered on first usage\n return \n }\n }\n ```\n\n1) HOC\n\n - **Folder structure**\n ```text\n |_ dynamic <-- Dynamic HOC's\n | |_ withHOC-en.js\n | |_ withHOC-eu.js\n | |_ withHOC-kn.js\n |_ realComponent.js <-- Real component to wrap in HOC\n |_ container.js <-- working file\n ```\n - **Usage**\n ```js\n /**\n * Import library\n */\n import ReactDynamicImport from 'react-dynamic-import';\n // or const ReactDynamicImport = require('react-dynamic-import');\n import RealComponent from './realComponent.js';\n\n /**\n * Define dynamic import loader function\n * This loads specific module from many available modules using given module name\n */\n const loader = f => import(`./dynamic/${f}.js`);\n\n /**\n * Use dynamic module and lazy fetch component\n */\n class Container extends React.component {\n constructor(props) {\n super(props);\n\n // Make sure to use it outside render method, else new component is rendered in each render\n // You can choose to show a placeholder and render error component in case of error, check API section for more\n // This loads different HOC module when different language configuration is passed\n const DynamicHOC = ReactDynamicImport({ name: `withHOC-${props.lang || 'en'}` ,loader, isHOC: true });\n this.WrappedComponent = DynamicHOC(RealComponent);\n }\n\n render() {\n const { WrappedComponent } = this;\n\n // The actual HOC is lazy loaded and executed, which in turn renders the actual component\n return \n }\n }\n ```\n\nCheckout [API](#api) for more info.\n\n## API\n\n- [React Dynamic Import](docs/react-dynamic-import.md)\n\n## Contribute\n\nThanks for taking time to contribute, please read [docs](docs) and checkout [src](src) to understand how things work.\n\n### Reporting Issues\n\nFound a problem? Want a new feature? First of all see if your issue or idea has [already been reported](../../issues).\nIf don't, just open a [new clear and descriptive issue](../../issues/new).\n\n### Submitting pull requests\n\nPull requests are the greatest contributions, so be sure they are focused in scope, and do avoid unrelated commits.\n\n- Fork it!\n- Clone your fork: `git clone https://github.com//react-dynamic-import`\n- Navigate to the newly cloned directory: `cd react-dynamic-import`\n- Create a new branch for the new feature: `git checkout -b my-new-feature`\n- Install the tools necessary for development: `yarn`\n- Make your changes.\n- Commit your changes: `git commit -am 'Add some feature'`\n- Push to the branch: `git push origin my-new-feature`\n- Submit a pull request with full remarks documenting your changes\n\n### TODO\n\n- [ ] Test cases\n\n## License\n\n[MIT License](https://opensource.org/licenses/MIT) Ā© [Ganapati V S](http://meetguns.com)\n","readmeFilename":"README.md","gitHead":"69e8af2bc6019ad9145dbc7bea8d85b65a16fc79","_id":"react-dynamic-import@1.0.5-0","_npmVersion":"6.1.0","_nodeVersion":"10.6.0","_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"dist":{"integrity":"sha512-s40MlJ8fv2wz2NmGrnFhFLNhWoWDkT4QyQDeg+c9EqOv7Iq1SUvw17pK6Z689NN9uiQLUsdH1HHxdcEwirIIkA==","shasum":"200e51b4445af97ebf07a83d83ae1a581d2617ed","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-1.0.5-0.tgz","fileCount":13,"unpackedSize":320914,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc4GPFCRA9TVsSAnZWagAAEioQAKT/QY/pYvMwl7Qcxg9x\n5CdPUFwp3BXfMmMRtbDP8pw4E38EtxRF49Pjg3/5UTOaQZUNAg3bW0LGJ/al\nRFMOkZG4udt5uFJsYqDKZF3wQjyUmTMCiax14ZhBNjEwdQ5qE2DEj2wm+req\n6m61aJD1Qmg5qMSVnAJnpCwJMZFlHZnK2XFuUCUhFocFtIS2ygA7np/0jF5z\ndW6VvRyELU3fugWeXgt7BdmF4ihSiKDibnH11+l9u25rZX2MewvXjyffmZfQ\nkQ0uQ7SgR/G04NwrvYeqnlm2INVXjSIJKjbA1O+OzIfFyxSWvln+LOxV+YyD\nFA3K3z67SFft/xH/YzXToe27Jh65Jeri7i5Mmtzp7wKbZWfq3AKxLWlPLI91\nziDctuvGpelR5C6lhGV6qsbef3RRsbQ2RVeqq0kDXfuCNA/xNS+PvPQ9tQdb\n1myKG+ABbTDujUB2UnwTWJY8LwEPRyIENeWKxRCyCAQiWBnS5uH2NTKcS91L\ng2oDy8eovxNb+SR4lCs7tQTO6T01+lHtMS4NyZ/lXGogJGbJdcLjQoHEO4sr\nwtV+udcih28B/xyN+LWQWgGrABvwYANsdsSXnhH5EKDpuZO14MYFQ80afbGI\nHcPR8c4yGOUQuJDF/vIKt0KRbHSVayR5IaJBmZ73V0/sCX1GkcHSQc7sunUi\nER7i\r\n=YorT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDTYL/UdQ5kTYXvjdXnnbsNziCC4D30zcEcBgqDYbwGjwIgZKc44M9uDnUPb9UThmyY7qzwDjn5VMOuC2z9FlPdB2E="}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_1.0.5-0_1558209476646_0.4670974290792802"},"_hasShrinkwrap":false},"1.0.5-1":{"name":"react-dynamic-import","version":"1.0.5-1","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn jsdoc && yarn build","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@babel/core":"^7.4.4","@babel/preset-env":"^7.4.4","@babel/preset-react":"^7.0.0","@babel/register":"^7.4.4","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-config-airbnb-base":"^13.1.0","eslint-config-prettier":"^4.3.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.17.2","eslint-plugin-prettier":"^3.1.0","eslint-plugin-react":"^7.13.0","husky":"^2.3.0","jsdoc-to-markdown":"^5.0.0","prettier":"^1.17.1","rollup":"^1.12.2","rollup-plugin-babel":"^4.3.2","rollup-plugin-commonjs":"^10.0.0","rollup-plugin-node-resolve":"^5.0.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-uglify":"^6.0.2","size-limit":"^1.3.2"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0"},"dependencies":{"react":"^16.8.6"},"readme":"# react-dynamic-import\n\nDynamically load and render any react module(Component or an HOC) using dynamic import š\n\nTiny(**around 1.16kb gzipped**) dynamic module loader and renderer.\n\nš [DEMO](https://codesandbox.io/s/7pkk9)\n\n> ā ļø Hooks only(requires react 16.8.0 or above), use [v1.0.4](https://www.npmjs.com/package/react-dynamic-import/v/1.0.4) if you want older react versions support\n>\n> Should work with any bundler(eg: webpack, parcel etc) which supports dynamic import āØ\n\n[](https://opensource.org/licenses/mit-license.php)\n[](https://github.com/ganapativs/react-dynamic-import/)\n[](https://travis-ci.com/ganapativs/react-dynamic-import)\n[](https://badge.fury.io/js/react-dynamic-import)\n[](https://badge.fury.io/gh/ganapativs%2Freact-dynamic-import) [](https://greenkeeper.io/)\n\n## Table of Contents\n\n- [Install](#install)\n- [Basic Usage](#basic-usage)\n- [Advanced Usage](#advanced-usage)\n- [API](#api)\n- [Contribute](#contribute)\n- [License](#license)\n\n## Install\n\n### NPM\n\n```sh\nnpm install react-dynamic-import\n```\n\n### Yarn\n\n```sh\nyarn add react-dynamic-import\n```\n\n### UMD build\n\n```html\n\n```\n\n## Basic usage\n\n1) Component\n\n - **Folder structure**\n ```text\n |_ realComponent.js\n |_ container.js <-- working file\n ```\n - **Usage**\n ```js\n /**\n * Import library\n */\n import ReactDynamicImport from 'react-dynamic-import';\n // or const ReactDynamicImport = require('react-dynamic-import');\n\n /**\n * Define dynamic import loader function\n */\n const loader = () => import(`./realComponent.js`);\n\n /**\n * Use dynamic module and lazy fetch component\n */\n // Make sure to use it outside render method, else new component is rendered in each render\n // You can choose to show a placeholder and render error component in case of error, check API section for more\n const RealComponent = ReactDynamicImport({ loader });\n\n class Container extends React.component {\n render() {\n // This component will be dynamically fetched and rendered on first usage\n return \n }\n }\n ```\n\n1) HOC\n\n - **Folder structure**\n ```text\n |_ realComponent.js <-- Real component to wrap in HOC\n |_ withHOC.js <-- HOC\n |_ container.js <-- working file\n ```\n - **Usage**\n ```js\n /**\n * Import library\n */\n import ReactDynamicImport from 'react-dynamic-import';\n // or const ReactDynamicImport = require('react-dynamic-import');\n import RealComponent from './realComponent.js';\n\n /**\n * Define dynamic import loader function\n */\n const loader = () => import(`./withHOC.js`);\n\n /**\n * Use dynamic module and lazy fetch HOC\n */\n // Make sure to use it outside render method, else new component is rendered in each render\n // You can choose to show a placeholder and render error component in case of error, check API section for more\n const DynamicHOC = ReactDynamicImport({ loader, isHOC: true });\n const WrappedComponent = DynamicHOC(RealComponent);\n\n class Container extends React.component {\n render() {\n // The actual HOC is lazy loaded and executed, which in turn renders the actual component\n return \n }\n }\n ```\n\n## Advanced usage\n\n1) Component\n\n - **Folder structure**\n ```text\n |_ dynamic\n | |_ realComponent-en.js\n | |_ realComponent-eu.js\n | |_ realComponent-kn.js\n |_ container.js <-- working file\n ```\n - **Usage**\n ```js\n /**\n * Import library\n */\n import ReactDynamicImport from 'react-dynamic-import';\n // or const ReactDynamicImport = require('react-dynamic-import');\n\n /**\n * Define dynamic import loader function\n * This loads specific module from many available modules using given module name\n */\n const loader = f => import(`./dynamic/${f}.js`);\n\n /**\n * Use dynamic module and lazy fetch component\n */\n class Container extends React.component {\n constructor(props) {\n super(props);\n\n // Make sure to use it outside render method, else new component is rendered in each render\n // You can choose to show a placeholder and render error component in case of error, check API section for more\n // This loads different module when different language configuration is passed\n this.RealComponent = ReactDynamicImport({ name: `realComponent-${props.lang || 'en'}`, loader });\n }\n\n render() {\n const { RealComponent } = this;\n\n // This component will be dynamically fetched and rendered on first usage\n return \n }\n }\n ```\n\n1) HOC\n\n - **Folder structure**\n ```text\n |_ dynamic <-- Dynamic HOC's\n | |_ withHOC-en.js\n | |_ withHOC-eu.js\n | |_ withHOC-kn.js\n |_ realComponent.js <-- Real component to wrap in HOC\n |_ container.js <-- working file\n ```\n - **Usage**\n ```js\n /**\n * Import library\n */\n import ReactDynamicImport from 'react-dynamic-import';\n // or const ReactDynamicImport = require('react-dynamic-import');\n import RealComponent from './realComponent.js';\n\n /**\n * Define dynamic import loader function\n * This loads specific module from many available modules using given module name\n */\n const loader = f => import(`./dynamic/${f}.js`);\n\n /**\n * Use dynamic module and lazy fetch component\n */\n class Container extends React.component {\n constructor(props) {\n super(props);\n\n // Make sure to use it outside render method, else new component is rendered in each render\n // You can choose to show a placeholder and render error component in case of error, check API section for more\n // This loads different HOC module when different language configuration is passed\n const DynamicHOC = ReactDynamicImport({ name: `withHOC-${props.lang || 'en'}` ,loader, isHOC: true });\n this.WrappedComponent = DynamicHOC(RealComponent);\n }\n\n render() {\n const { WrappedComponent } = this;\n\n // The actual HOC is lazy loaded and executed, which in turn renders the actual component\n return \n }\n }\n ```\n\nCheckout [API](#api) for more info.\n\n## API\n\n- [React Dynamic Import](docs/react-dynamic-import.md)\n\n## Contribute\n\nThanks for taking time to contribute, please read [docs](docs) and checkout [src](src) to understand how things work.\n\n### Reporting Issues\n\nFound a problem? Want a new feature? First of all see if your issue or idea has [already been reported](../../issues).\nIf don't, just open a [new clear and descriptive issue](../../issues/new).\n\n### Submitting pull requests\n\nPull requests are the greatest contributions, so be sure they are focused in scope, and do avoid unrelated commits.\n\n- Fork it!\n- Clone your fork: `git clone https://github.com//react-dynamic-import`\n- Navigate to the newly cloned directory: `cd react-dynamic-import`\n- Create a new branch for the new feature: `git checkout -b my-new-feature`\n- Install the tools necessary for development: `yarn`\n- Make your changes.\n- Commit your changes: `git commit -am 'Add some feature'`\n- Push to the branch: `git push origin my-new-feature`\n- Submit a pull request with full remarks documenting your changes\n\n### TODO\n\n- [ ] Test cases\n\n## License\n\n[MIT License](https://opensource.org/licenses/MIT) Ā© [Ganapati V S](http://meetguns.com)\n","readmeFilename":"README.md","gitHead":"69e8af2bc6019ad9145dbc7bea8d85b65a16fc79","_id":"react-dynamic-import@1.0.5-1","_npmVersion":"6.1.0","_nodeVersion":"10.6.0","_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"dist":{"integrity":"sha512-UegFFRx3Spuo31qgwjpZEu250IYocqcXA1DI8bLdJJkWjdgg1E4BxOi4F8oR5ToWL2PAPESwInBSlToRcbd5Fw==","shasum":"25e31f6a3c65e78fff312c5b01761a709e21d013","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-1.0.5-1.tgz","fileCount":13,"unpackedSize":321616,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc4Gh0CRA9TVsSAnZWagAAwlAP/jfWL7EBqmOG7eWCeTgP\nHR8XXeV0ESDXUcd1qbZ5xCgEqQjGk0LSNW5cfmkFOvD/G9U+KIR5cfjTn+FL\nmKXy3Ws6jrj3HB3ainhilGC6G9lP2F3ENeKHOvh6CMzM3x3zfy058ipkCVVe\nOE7vMEz3z3Mnd0fEuhjqdzMqe7Ffr8YTJaMJzK12bIjvsv1oPF4OPtPri12L\nwQ41KKx2o3O43m/YVzYYQVm9QmuUqMgJFEg59FN0t9/88TSU8JsESu6coj3F\nmHFy5eauyWCVJmGM7iXfcjo6cgcOLAk4tcoc3/XRXKKtDlouOJt9/XGXpWuf\nupuGE6JFkV2DUsSUPt5XE5Wj/pfWbKgL9e7BRfLiyYacTuQg/rS7mzRCHx45\nBjVLpV0vffxlFEKuI1jza5xD1xEar0r8xUlzVGrrNU8s0HOfvctZm4YjPiWt\nEWnmWK379hwtRHJNxYoPBIATpM9Nuf2ry90NZWTDSm4OQ35Zcn15gjSBq2zz\nTwog9pG3t2Pt8NImL36gIlEHn0jBeGUMJTmX9dj9HrBmlKHTqCMohuDD1I9W\nJWhCyYu4GZHfNidEdsj+mgXuNWz5b0PhPxiI4VA/Tid+lOh+ITcFcvzAZQwP\nEv7ECgT/p0UBMjhZtrsX4CZsSaMm3ZhyaA6s3lUEqr2KAI5MiML/Fhl5w6lt\n2mVE\r\n=cDqm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCMnaiNcTW6DENNxZqDrYMF6Ex9EiazG+aCrWF7x5AYIQIgNCQaTz7JYl3NVYSmQihW7Iy2TtSkjuz4cjRiLwENd6Q="}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_1.0.5-1_1558210675644_0.4626119382088343"},"_hasShrinkwrap":false},"1.0.5":{"name":"react-dynamic-import","version":"1.0.5","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn jsdoc && yarn build","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@babel/core":"^7.4.4","@babel/preset-env":"^7.4.4","@babel/preset-react":"^7.0.0","@babel/register":"^7.4.4","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-config-airbnb-base":"^13.1.0","eslint-config-prettier":"^4.3.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.17.2","eslint-plugin-prettier":"^3.1.0","eslint-plugin-react":"^7.13.0","husky":"^2.3.0","jsdoc-to-markdown":"^5.0.0","prettier":"^1.17.1","rollup":"^1.12.2","rollup-plugin-babel":"^4.3.2","rollup-plugin-commonjs":"^10.0.0","rollup-plugin-node-resolve":"^5.0.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-uglify":"^6.0.2","size-limit":"^1.3.2"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0"},"dependencies":{"react":"^16.8.6"},"gitHead":"7747b819eca7450f3fc057bfc4ad2e5705d2e2a7","_id":"react-dynamic-import@1.0.5","_npmVersion":"6.1.0","_nodeVersion":"10.6.0","_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"dist":{"integrity":"sha512-9kJhI7g2/cBsaub3djUiSdiirqkXcfStW2cQvtM4gnViX8xMmY6k5Po/l3qRhc8T/IewHqnzAIF6pdD9A/uRQw==","shasum":"0f92f5ccb2ee637230b2639744051aa6d6268def","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-1.0.5.tgz","fileCount":13,"unpackedSize":321627,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc4GtICRA9TVsSAnZWagAA+T8QAI9EHfeiwgGPjeQgP1Xo\niXCNjt46l4vPYixDsvys3bdnajuBh82aGXd0eR3G/Csu0ojYOI7k5xx2gHtF\nFHVmc8vU2UMYb+MkY0hCBaDtOaE55gzt8DbZ0uYIRC3rqesR1kTQms0mJEp5\nPkYJ01dt8shWTwd7BqP7t1ldWNThtYSZlZs1skdfeBMAX7W7rID/4BV3pmUn\ntaTN8RVguKZIMKy4KTxyuVDO+HDPziJ8+EkEw4EN4nFG6KJpDwMQ3LY8yZBZ\nzv/3WPLOpixVUEIEOCC6jVJ0EjeDSRaDwi7Wt1TBIEtgcAYg0v7Be7sjq0JS\nxQCge3MuwBKDNnL3Dm9HYpBWBU+MO7/Huy8CsX4RzJjNWkNCFu4jfvEwME25\nvE87RoJVdC5D94Vbxy0EG7VRnGsxYvrmTGsuxqs9pk7QBR95NioIg5DV2Nhs\npbLB2izLQAT6We5LBLBCoUfiewrINONvyUpbyrv2mJPZuv3tMhQnGy2nHQzr\nZJxUOS6BXyzvL08HU7UfM1wO7BJjaZPyKjEx27o03uABZx3t6fTpFu5j+Y85\n0Rpf6wWYTRSRnkoWmUjPLl+f5lJinqGsw8uWdtd6tpoVvaLnzPZYRKYSKByd\n58/pZTEwcZpUr8GiMZhhtlU4Pi+Uag9wWvKWRPwqgQaJmd7Q9yezmQiVzI6N\n2Db6\r\n=gKjK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEOQPqMkwM7eDWm1AIRssGLUvD8oJ6w5Vmo/n3FhD+95AiBzNUC1QAvvkIv/KehwygfsZp9nyCBXlLObdO1iAx/twA=="}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_1.0.5_1558211399766_0.2816935082236798"},"_hasShrinkwrap":false},"1.0.6":{"name":"react-dynamic-import","version":"1.0.6","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn jsdoc && yarn build","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@babel/core":"^7.5.0","@babel/preset-env":"^7.5.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.4.4","babel-eslint":"^10.0.2","eslint":"^6.0.1","eslint-config-airbnb-base":"^13.2.0","eslint-config-prettier":"^6.0.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.18.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-react":"^7.14.2","husky":"^3.0.0","jsdoc-to-markdown":"^5.0.0","prettier":"^1.18.2","rollup":"^1.16.6","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.0.1","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-uglify":"^6.0.2","size-limit":"^1.3.7"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0"},"dependencies":{"react":"^16.8.6"},"gitHead":"01fa1f508d1728ab393291ad59f9ac08bce029f6","_id":"react-dynamic-import@1.0.6","_nodeVersion":"12.5.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-LAIr5fcgZXyEbTVb6Vn6w/9lxf89dlohYyhSNmMViQZMgtbIo6gehuXd/KeMaLRyQJNVdzssELSMU+S2Nyw3jg==","shasum":"0be9dbe7baa016e6d1706eed186667a7ebf2404e","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-1.0.6.tgz","fileCount":12,"unpackedSize":55343,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdHtZGCRA9TVsSAnZWagAAgqUQAI/NIAQpun0l+EkL5gil\ne82gDrvyCggSdA1JHngt82mFfao2R5B6U3ABh90q/aLBCK72+CcUayTAopyL\nBCKpOJ5XPNOVYQVmzRU3cKaqievekzjrsiQIwozkgjAyXl4LKbghqi90hXdW\nJSzQ4o4c4yp4YM25jHgKDoQ1d/cPxhuS9gZxXSjF2s7hBI+sEzHeMudxg5G+\nxyuwh1cT3RVXncPKmPV5wkNqCIx/+fbUe5vz3deSjbCW/1B/8znw0O0rjAIq\n+4fPs1cEunKLxQV1HdJS80EWMw5+DPBKwC8EGeskuKgitl9/70juG9QrQ1rA\nWCObixlMpR3+FxsmTM4znmBxSfr/e3TK/IUUI7CUxlVjynca52+/TZcMNEn2\nxEg6l+HgwGu1oBu4L8U2cqg89234U/1ON1yS6fzcUIogv9TxjmBq6FqaannG\nbCSixf754Cj4kLCr26Rr0QLRhu31c1EfWtfXx++qgEFTNKxZNHXOM2bXT3Ky\n/EpLznZX0dc+2m2TqOFeCybyL317M22sbWPKTpOtbAWCrNzfoiEDkgPXrpRL\n/uVjU4xqR4NWiMvIt7u5Dzp/gMNaSynaBYRizKLURKppdhtRXmLRlNKOCW09\nuEHPKU2vQ3z4JyKqm7VX2Dx8pIoof/6V2C2YMlWg2FS/eVxZuzXR5pH8798X\nHSUF\r\n=eo1O\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDhPQlNwVfJqR+b9yp7Q2k2wrDX9KF9WOq2Ep0b8s+k3wIgLc2EVv7kIsJQZ8MhukBVFDuGp50tZBRQeZd5vHjpmlg="}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_1.0.6_1562302021303_0.05660718957532995"},"_hasShrinkwrap":false},"1.0.7":{"name":"react-dynamic-import","version":"1.0.7","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn jsdoc && yarn build","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@babel/core":"^7.5.0","@babel/preset-env":"^7.5.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.4.4","babel-eslint":"^10.0.2","eslint":"^6.0.1","eslint-config-airbnb-base":"^13.2.0","eslint-config-prettier":"^6.0.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.18.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-react":"^7.14.2","husky":"^3.0.0","jsdoc-to-markdown":"^5.0.0","prettier":"^1.18.2","rollup":"^1.16.6","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.0.1","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-uglify":"^6.0.2","size-limit":"^1.3.7"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0"},"dependencies":{"react":"^16.8.6"},"gitHead":"01fa1f508d1728ab393291ad59f9ac08bce029f6","_id":"react-dynamic-import@1.0.7","_nodeVersion":"12.5.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-kXOQZ+9mI7GFZlEYeeoPB6FbMX29zyCpT3RokFXPxJ/vM8kWC6EZT/QXFrzwCRrMomFwyZX/0ncImsoo2gteEA==","shasum":"17ab368f26c550f2f9aab93d8658ab20e401b2db","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-1.0.7.tgz","fileCount":12,"unpackedSize":55343,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdHtdQCRA9TVsSAnZWagAAsOoP/33PVgGQZV361S+E5I7l\nB9bRLAskFkLorEvqkfYvNKomnPlHszRXJjR8BkKsfoJKjOcUDumHCHti/p57\nD1a0plPW35RnOsRtuiOTVVgUF9kR/yN3FoLMOsPissvVKPe+yZO6dAxj3gc4\nFFRAlmVamAfofxmCozBnA34pDh0O7ORVCA+0jmLL7nXMYmZ5A4SfglYTzQqF\nP7hsqtFxazZOpjpw0XiZhxolICz9Ix89Wqx8DG8/yFYfcWPeZw1XPPnCe2RP\nIxSNoK/3lxhFWyxTVFYA2qxoq1v4noZTzI10fQnUcSUfpjduxCE6xAvPSc07\nC78btpNqOzRyZbMalAtYSjcaGted0dCfvukRCHCWAlcDSXRjpnJ/v0qzE9Fx\nJsCcXePzUYuI8+hxlyhUbid0JRs5cevA0dwMV9+awUEC2bcYCKLRd7/r3JHW\nB6Wk1gaXkZXkl9VDXXDolNOo0IdC6EaybSwHw/ASPrBlceX2V38a1PXGXAW+\nK7m4KAiu4SDenuDpLfVTyyCCJk/XuHnvCvtMGDfQqSqNU5mYjHgdDjtaGasz\nnAeAb/JxPPolkYi25iz38a0IqtJex0O7R4+FgIyY2H+Ti4bmsHcFHw9CsTv1\n5RiVum70JwkwP4t8W24QvWnl/jLbv19aRX3Bwuyt+iwbF0RrrsDTBY4Hrpa9\ncOED\r\n=1rrC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDJkXsK5BYv5v8i9FqcaOiEi64iOJiIE2yYVKiZfT75UgIhAMv8LGar+jMUS0xVF+grSVSU52DTTNcHjijtyEauIqK/"}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_1.0.7_1562302287970_0.7483578666575839"},"_hasShrinkwrap":false},"1.0.8-0":{"name":"react-dynamic-import","version":"1.0.8-0","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn jsdoc && yarn build","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@ganapativs/babel-preset-react":"^0.0.3","@ganapativs/eslint-config-react":"^0.0.7","@size-limit/preset-small-lib":"^2.1.5","husky":"^3.0.5","jsdoc-to-markdown":"^5.0.1","rollup":"^1.21.2","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-uglify":"^6.0.3"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0"},"dependencies":{"react":"^16.9.0"},"readme":"# react-dynamic-import\n\nDynamically load and render any react module(Component or an HOC) using dynamic import š\n\nTiny(**around 1.18kb gzip**) dynamic module loader and renderer.\n\nš [DEMO](https://codesandbox.io/s/7pkk9)\n\n> ā ļø Hooks only(requires react 16.8.0 or above), use [v1.0.4](https://www.npmjs.com/package/react-dynamic-import/v/1.0.4) if you want older react versions support\n>\n> Dynamic loading of component is already supported in React using React.lazy and Suspense, But, dynamic loading of HOC is tricky and is unsupported in React.\n>\n> Should work with any bundler(eg: webpack, parcel etc) which supports dynamic import āØ\n\n[](https://opensource.org/licenses/mit-license.php)\n[](https://github.com/ganapativs/react-dynamic-import/)\n[](https://travis-ci.com/ganapativs/react-dynamic-import)\n[](https://badge.fury.io/js/react-dynamic-import)\n[](https://badge.fury.io/gh/ganapativs%2Freact-dynamic-import) [](https://greenkeeper.io/)\n\n## Table of Contents\n\n- [Install](#install)\n- [Basic Usage](#basic-usage)\n- [Advanced Usage](#advanced-usage)\n- [API](#api)\n- [Contribute](#contribute)\n- [License](#license)\n\n## Install\n\n### NPM\n\n```sh\nnpm install react-dynamic-import\n```\n\n### Yarn\n\n```sh\nyarn add react-dynamic-import\n```\n\n### UMD build\n\n```html\n\n```\n\n## Basic usage\n\n1. Component\n\n - **Folder structure**\n\n ```text\n |_ realComponent.js\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n\n // Define dynamic import loader function\n const loader = () => import(`./realComponent.js`);\n\n /**\n * Use dynamic module and lazy fetch component\n *\n * Make sure to use it outside render method,\n * else new component is rendered in each render\n *\n * You can choose to show a placeholder and render\n * error component in case of error, check API section for more\n */\n const RealComponent = ReactDynamicImport({ loader });\n\n class Container extends React.component {\n render() {\n /**\n * This component is dynamically fetched and rendered\n * on first usage/render\n */\n return ;\n }\n }\n ```\n\n1. HOC\n\n - **Folder structure**\n\n ```text\n |_ realComponent.js <-- Real component to wrap in HOC\n |_ withHOC.js <-- HOC\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n import RealComponent from \"./realComponent.js\";\n\n // Define dynamic import loader function\n const loader = () => import(`./withHOC.js`);\n\n /**\n * Use dynamic module and lazy fetch HOC\n *\n * Make sure to use it outside render method,\n * else new component is rendered in each render\n *\n * You can choose to show a placeholder and render error\n * component in case of error, check API section for more\n */\n const DynamicHOC = ReactDynamicImport({ loader, isHOC: true });\n const WrappedComponent = DynamicHOC(RealComponent);\n\n class Container extends React.component {\n render() {\n /**\n * The actual HOC is lazy loaded and executed,\n * which in turn renders the actual component lazily\n */\n return ;\n }\n }\n ```\n\n## Advanced usage\n\n1. Component\n\n - **Folder structure**\n\n ```text\n |_ dynamic\n | |_ realComponent-en.js\n | |_ realComponent-eu.js\n | |_ realComponent-kn.js\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n\n /**\n * Define dynamic import loader function\n *\n * This loads specific module from many available\n * modules in the directory, using given module name\n */\n const loader = f => import(`./dynamic/${f}.js`);\n\n // Use dynamic module and lazy fetch component\n class Container extends React.component {\n constructor(props) {\n super(props);\n\n /**\n * Make sure to use it outside render method, else\n * new component is rendered in each render\n *\n * You can choose to show a placeholder and render error\n * component in case of error, check API section for more\n *\n * This loads different module when different language\n * configuration is passed\n */\n this.RealComponent = ReactDynamicImport({\n name: `realComponent-${props.lang || \"en\"}`,\n loader\n });\n }\n\n render() {\n const { RealComponent } = this;\n\n /**\n * This component is dynamically fetched and rendered\n * on first usage/render\n */\n return ;\n }\n }\n ```\n\n1. HOC\n\n - **Folder structure**\n\n ```text\n |_ dynamic <-- Dynamic HOC's\n | |_ withHOC-en.js\n | |_ withHOC-eu.js\n | |_ withHOC-kn.js\n |_ realComponent.js <-- Real component to wrap in HOC\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n import RealComponent from \"./realComponent.js\";\n\n /**\n * Define dynamic import loader function\n *\n * This loads specific module from many available\n * modules in the directory, using given module name\n */\n const loader = f => import(`./dynamic/${f}.js`);\n\n // Use dynamic module and lazy fetch component\n class Container extends React.component {\n constructor(props) {\n super(props);\n\n /**\n * Make sure to use it outside render method, else\n * new component is rendered in each render\n *\n * You can choose to show a placeholder and render error\n * component in case of error, check API section for more\n *\n * This loads different module when different language\n * configuration is passed\n */\n const DynamicHOC = ReactDynamicImport({\n name: `withHOC-${props.lang || \"en\"}`,\n loader,\n isHOC: true\n });\n this.WrappedComponent = DynamicHOC(RealComponent);\n }\n\n render() {\n const { WrappedComponent } = this;\n\n /**\n * The actual HOC is lazy loaded and executed,\n * which in turn renders the actual component lazily\n */\n return ;\n }\n }\n ```\n\nCheckout [API](#api) for more info.\n\n## API\n\n- [React Dynamic Import](docs/react-dynamic-import.md)\n\n## Contribute\n\nThanks for taking time to contribute, please read [docs](docs) and checkout [src](src) to understand how things work.\n\n### Reporting Issues\n\nFound a problem? Want a new feature? First of all see if your issue or idea has [already been reported](../../issues).\nIf don't, just open a [new clear and descriptive issue](../../issues/new).\n\n### Submitting pull requests\n\nPull requests are the greatest contributions, so be sure they are focused in scope, and do avoid unrelated commits.\n\n- Fork it!\n- Clone your fork: `git clone https://github.com//react-dynamic-import`\n- Navigate to the newly cloned directory: `cd react-dynamic-import`\n- Create a new branch for the new feature: `git checkout -b my-new-feature`\n- Install the tools necessary for development: `yarn`\n- Make your changes.\n- Commit your changes: `git commit -am 'Add some feature'`\n- Push to the branch: `git push origin my-new-feature`\n- Submit a pull request with full remarks documenting your changes\n\n### TODO\n\n- [ ] Test cases\n\n## License\n\n[MIT License](https://opensource.org/licenses/MIT) Ā© [Ganapati V S](https://meetguns.com)\n","readmeFilename":"README.md","gitHead":"d18f4de0b65122d4c3bfceb791542f260582e533","_id":"react-dynamic-import@1.0.8-0","_nodeVersion":"12.7.0","_npmVersion":"6.10.0","dist":{"integrity":"sha512-mUSQaV+vYlY1OS5XnabEuVn+nhUh+RA1JV7YtauK5p896YdF8EzapMzf6CcE61ZtvsTPRrtsY0B9fFkg9tD1kQ==","shasum":"af4368527d118bb27d54220891059a0f2c45269e","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-1.0.8-0.tgz","fileCount":12,"unpackedSize":55373,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdfN88CRA9TVsSAnZWagAA2/MP+gOz7fVchmcHLAwoi6EY\nbFr8QMr9pciRq18UWjww/wFu3hW/J3kbkizkvj6vHZXaHVjrRAmVcYpNiGzy\nXakDd9qL4/x/gfBBe7UXgxhYCZhW3xybpr5ixSJL0cUndEBhORr/2tXAR/7N\ndZGUETcmc+SEKfPL2ZLnUHcmVCKqGfRUYnk73Qp72o1jrfwdbSV8YDTc3lR6\nMZQ2/f8d7knRzb4M2THc4u2tADS6eUHUslYm6b8ADY/oz3HoWEUVf4rJ2jG8\nsX1OTKz61TGnWLINPlxPfuQg0/mi4L60l7suL9tAYhGDKwEyA1p0wl9puRTE\ntuLjpdiBFCnD4aWrzBaUKumWwf7b5mSWj3Gj37Hth2EpUfJB7yKDqPFuLUxj\ni5+UVEmsAnWH/oBD8s9mWYK3odvqhI/IrwOtBSU5DcmHWbLrk95oVDuQ7MMH\nFptmUHmA+EniHlv+lh0MAxd/AGca4TKy2V1qMRzmMxYOklN7jp01CvYeGd+G\ngtnxKlkorEyaIRUxkk57s/yWcndxxewDcnZIskg1IDErxEidXTdthHMJOSfu\n7JnQSwjzAmA7QvcLeDl534B0jFNI9x8Ty6SOW/BDsIXwd6oNw4wIHebYM+lY\nFRRoaIQaH5b50OoSYJiyKqZtMZCyqzgiA7SnDq87HZwAVewRjO5eo+JnoiJ8\nVisd\r\n=0QOe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE946yaKvKjKbHK5eTwqdVK5RUQ6SNYP0jnj/BZY+g9VAiBiAgaekaAo+ug7D6t7UfVRZN5zWQkl92t3CGrd6p8fyQ=="}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_1.0.8-0_1568464699514_0.04499467734150153"},"_hasShrinkwrap":false},"1.0.8":{"name":"react-dynamic-import","version":"1.0.8","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn jsdoc && yarn build","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@ganapativs/babel-preset-react":"^0.0.3","@ganapativs/eslint-config-react":"^0.0.7","@size-limit/preset-small-lib":"^2.1.5","husky":"^3.0.5","jsdoc-to-markdown":"^5.0.1","rollup":"^1.21.2","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-uglify":"^6.0.3"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0"},"dependencies":{"react":"^16.9.0"},"gitHead":"f2bab1a8910c0a8ac67b585884fa1b45d73b7826","_id":"react-dynamic-import@1.0.8","_nodeVersion":"12.7.0","_npmVersion":"6.10.0","dist":{"integrity":"sha512-fjlCj1kIG9LmBFwNQREP07so5t1gKW3dN9sOlkWc+KYD+/J+BhA5kIxwvnFHJAekXJySH2veOh0LbHLVByQTgA==","shasum":"a8c5914d3ecd1d6e061b3f97c781c26948ff5786","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-1.0.8.tgz","fileCount":12,"unpackedSize":55371,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdfOQ6CRA9TVsSAnZWagAAByIP/2Qnfc6urdm9aNfnY2Sy\nic8OogbW5GzOh4LF1zKcsDOwykCobf4dt7U6+zre1l8KlqwgIPs81iT3FOFA\nYzcVNsTVTTKnAjWBDxkcq5Rod2XxWFHAltajQJiVr4Qu1mQMzknD9Lxhm7J0\nUFJWcsE4n+n14YpVAac41N3qPj3bUIHk2j013JseNNFpvMl4NVT8nFmSNec6\nMoXFCYBGhFv0lCEBLp78XDd6btIDWqR/k0qrHGuoGl9Z4O6+bEqbODeyttrP\nWrAs9xTw1wmrE/viqVCAx+g4fbcznBPH28CD8XlEzWdufbXPyPxqKOjI4be8\n1hvbJ27cDWYFpA+ydUlx6+l8u5bl/+x85Ei3MItB/d3CAn5HLQXS4fRVm1Fw\ncVFD0B9ab7M+dr7JqOrI81KAS8ZxnSpRWzUanrvH25Vcq+gDcGJ+Czz1Ngpg\n4qBvZAvUR+CxarXP9oblc0pVfopgh49uvVd58TYZx0U3J+ln8AgnuUgXMZHH\nILliua5IMT9nd8cYAfjXIWEf63KQ8GRgUOPFYNEbP7u7/vJMAKnphXKkyk2p\nLQeK3jhe0463dJJD06Zw3dvWjKlKu3jxso+9U+RJHAlc7M6fIS+4chcBBOj7\nwOgc1rTDNPE95SJOslUWhbrahVCztwDYzCh727HRBx0dzm07XPYInJcjooQK\n6Ilq\r\n=Zk2i\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDdo4JFafuy9Mdy49gCIwAQHXfyDDytPqVwVItl1GcqBAiAxkQFPg1ghM4sxrwB+bOtPjchBiQB7RO2MAa1RaiURDg=="}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_1.0.8_1568465977991_0.8525848600389667"},"_hasShrinkwrap":false},"1.0.9-0":{"name":"react-dynamic-import","version":"1.0.9-0","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn jsdoc && yarn build","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@ganapativs/babel-preset-react":"^0.0.3","@ganapativs/eslint-config-react":"^0.0.7","@size-limit/preset-small-lib":"^2.1.6","husky":"^3.0.8","jsdoc-to-markdown":"^5.0.1","rollup":"^1.23.1","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-uglify":"^6.0.3"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0"},"dependencies":{"react":"^16.10.2"},"readme":"# react-dynamic-import\n\nDynamically load and render any react module(Component or an HOC) using dynamic import š\n\nTiny(**around 1.18kb gzip**) dynamic module loader and renderer.\n\nš [DEMO](https://codesandbox.io/s/react-dynamic-import-hooks-demo-108-kuf3u)\n\n> ā ļø Hooks only(requires react 16.8.0 or above), use [v1.0.4](https://www.npmjs.com/package/react-dynamic-import/v/1.0.4) if you want older react versions support\n>\n> Dynamic loading of component is already supported in React using React.lazy and Suspense, But, dynamic loading of HOC is tricky and is unsupported in React.\n>\n> Should work with any bundler(eg: webpack, parcel etc) which supports dynamic import āØ\n\n[](https://opensource.org/licenses/mit-license.php)\n[](https://github.com/ganapativs/react-dynamic-import/)\n[](https://travis-ci.com/ganapativs/react-dynamic-import)\n[](https://badge.fury.io/js/react-dynamic-import)\n[](https://badge.fury.io/gh/ganapativs%2Freact-dynamic-import) [](https://greenkeeper.io/)\n\n## Table of Contents\n\n- [Install](#install)\n- [Basic Usage](#basic-usage)\n- [Advanced Usage](#advanced-usage)\n- [API](#api)\n- [Contribute](#contribute)\n- [License](#license)\n\n## Install\n\n### NPM\n\n```sh\nnpm install react-dynamic-import\n```\n\n### Yarn\n\n```sh\nyarn add react-dynamic-import\n```\n\n### UMD build\n\n```html\n\n```\n\n## Basic usage\n\n1. Component\n\n - **Folder structure**\n\n ```text\n |_ realComponent.js\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n\n // Define dynamic import loader function\n const loader = () => import(`./realComponent.js`);\n\n /**\n * Use dynamic module and lazy fetch component\n *\n * Make sure to use it outside render method,\n * else new component is rendered in each render\n *\n * You can choose to show a placeholder and render\n * error component in case of error, check API section for more\n */\n const RealComponent = ReactDynamicImport({ loader });\n\n class Container extends React.component {\n render() {\n /**\n * This component is dynamically fetched and rendered\n * on first usage/render\n */\n return ;\n }\n }\n ```\n\n1. HOC\n\n - **Folder structure**\n\n ```text\n |_ realComponent.js <-- Real component to wrap in HOC\n |_ withHOC.js <-- HOC\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n import RealComponent from \"./realComponent.js\";\n\n // Define dynamic import loader function\n const loader = () => import(`./withHOC.js`);\n\n /**\n * Use dynamic module and lazy fetch HOC\n *\n * Make sure to use it outside render method,\n * else new component is rendered in each render\n *\n * You can choose to show a placeholder and render error\n * component in case of error, check API section for more\n */\n const DynamicHOC = ReactDynamicImport({ loader, isHOC: true });\n const WrappedComponent = DynamicHOC(RealComponent);\n\n class Container extends React.component {\n render() {\n /**\n * The actual HOC is lazy loaded and executed,\n * which in turn renders the actual component lazily\n */\n return ;\n }\n }\n ```\n\n## Advanced usage\n\n1. Component\n\n - **Folder structure**\n\n ```text\n |_ dynamic\n | |_ realComponent-en.js\n | |_ realComponent-eu.js\n | |_ realComponent-kn.js\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n\n /**\n * Define dynamic import loader function\n *\n * This loads specific module from many available\n * modules in the directory, using given module name\n */\n const loader = f => import(`./dynamic/${f}.js`);\n\n // Use dynamic module and lazy fetch component\n class Container extends React.component {\n constructor(props) {\n super(props);\n\n /**\n * Make sure to use it outside render method, else\n * new component is rendered in each render\n *\n * You can choose to show a placeholder and render error\n * component in case of error, check API section for more\n *\n * This loads different module when different language\n * configuration is passed\n */\n this.RealComponent = ReactDynamicImport({\n name: `realComponent-${props.lang || \"en\"}`,\n loader\n });\n }\n\n render() {\n const { RealComponent } = this;\n\n /**\n * This component is dynamically fetched and rendered\n * on first usage/render\n */\n return ;\n }\n }\n ```\n\n1. HOC\n\n - **Folder structure**\n\n ```text\n |_ dynamic <-- Dynamic HOC's\n | |_ withHOC-en.js\n | |_ withHOC-eu.js\n | |_ withHOC-kn.js\n |_ realComponent.js <-- Real component to wrap in HOC\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n import RealComponent from \"./realComponent.js\";\n\n /**\n * Define dynamic import loader function\n *\n * This loads specific module from many available\n * modules in the directory, using given module name\n */\n const loader = f => import(`./dynamic/${f}.js`);\n\n // Use dynamic module and lazy fetch component\n class Container extends React.component {\n constructor(props) {\n super(props);\n\n /**\n * Make sure to use it outside render method, else\n * new component is rendered in each render\n *\n * You can choose to show a placeholder and render error\n * component in case of error, check API section for more\n *\n * This loads different module when different language\n * configuration is passed\n */\n const DynamicHOC = ReactDynamicImport({\n name: `withHOC-${props.lang || \"en\"}`,\n loader,\n isHOC: true\n });\n this.WrappedComponent = DynamicHOC(RealComponent);\n }\n\n render() {\n const { WrappedComponent } = this;\n\n /**\n * The actual HOC is lazy loaded and executed,\n * which in turn renders the actual component lazily\n */\n return ;\n }\n }\n ```\n\nCheckout [API](#api) for more info.\n\n## API\n\n- [React Dynamic Import](docs/react-dynamic-import.md)\n\n## Contribute\n\nThanks for taking time to contribute, please read [docs](docs) and checkout [src](src) to understand how things work.\n\n### Reporting Issues\n\nFound a problem? Want a new feature? First of all see if your issue or idea has [already been reported](../../issues).\nIf don't, just open a [new clear and descriptive issue](../../issues/new).\n\n### Submitting pull requests\n\nPull requests are the greatest contributions, so be sure they are focused in scope, and do avoid unrelated commits.\n\n- Fork it!\n- Clone your fork: `git clone https://github.com//react-dynamic-import`\n- Navigate to the newly cloned directory: `cd react-dynamic-import`\n- Create a new branch for the new feature: `git checkout -b my-new-feature`\n- Install the tools necessary for development: `yarn`\n- Make your changes.\n- Commit your changes: `git commit -am 'Add some feature'`\n- Push to the branch: `git push origin my-new-feature`\n- Submit a pull request with full remarks documenting your changes\n\n### TODO\n\n- [ ] Test cases\n\n## License\n\n[MIT License](https://opensource.org/licenses/MIT) Ā© [Ganapati V S](https://meetguns.com)\n","readmeFilename":"README.md","gitHead":"05ad1f51c65ae00f4712f4bf7186fba8d7c33e21","_id":"react-dynamic-import@1.0.9-0","_nodeVersion":"12.11.1","_npmVersion":"6.11.3","dist":{"integrity":"sha512-KCMqNbnQQCSMRrCQdq305w8d5m9gGebwaS8QdVH0DjqkZ4q+XPXMiqwL3DmtJ5uI8awOpAfdAvfbzlsLrJ+few==","shasum":"b9d100e575675773acfd9ef20cbf9d8c0a22a3cd","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-1.0.9-0.tgz","fileCount":12,"unpackedSize":55410,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnGOrCRA9TVsSAnZWagAACxUP/iUs/FuxhgJYJe4TsIbN\n9SIGa7lijZjpxlJeo2MZ7HOZvYmdW7DvP477tOXF9DnTI0bQYVn59i2uo8BY\nw6Gp9awEvKTIxVBO/I+jmIgeNbP8v/cN4Cb6pUVIl2nuXS/fKvloB0dgbXkM\nx5/aDBFitROlIyqjjMZAzc8nUVGebs9JKeY5tsO5u8pOdKGtvU2btDgniaGd\nO7TCEhzCI1Uffnd/btOaJwnDUxgf9LBcJRLr+F/yc19/V/9JePXc6z390NZz\n4rcssHrrPFCuAp2rOoVAItGK8xY2QzFnJdhHLD7cecyfis79QXa9dcbiDqja\nM6AevheHkUf7TCqr2InT2nJYHQ1GDzneqJM+hjkWekN8/S/YGWIKoTYXq3Cn\nNquo7XYQDbshd+G+dVlECZo7RJrFlEq8wUdSgnj6v5LrLZ1kpz2hoaKCA4Ra\neWO33d1ctS5os7OaVP9FhQXFAdb4kHcajUKikbrIBrnTxviNeJz5fV0xoBPE\nW2Oupelplr6Av6ly1Yzjb6rZeiRGONhvykQkOvEKxMLcFQijG4aOMclvBdbJ\nkx9WJwyAiMVaoPsUDpF2O8VYNitAIPE7GGXEwMIb0JcoiWPicIb/uZ7V3PMR\nSq8lluBb2nrg6Gov2I91FJmEuHx75O1QLgclJ6jhMCOcgng4naLc41cAAvRP\nyUNT\r\n=d+2j\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDuXO7oXKg+VfG4USK2lmsE16CLB0x8i1RyqdrcNjgrPAIgdTqFQszAdpUkJPC5I5O+kCk5iJkfbUdWFdAxXYT3xpc="}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_1.0.9-0_1570530219191_0.8558972632537531"},"_hasShrinkwrap":false},"1.0.9":{"name":"react-dynamic-import","version":"1.0.9","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn jsdoc && yarn build","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@ganapativs/babel-preset-react":"^0.0.3","@ganapativs/eslint-config-react":"^0.0.7","@size-limit/preset-small-lib":"^2.1.6","husky":"^3.0.8","jsdoc-to-markdown":"^5.0.1","rollup":"^1.23.1","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-uglify":"^6.0.3"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0"},"dependencies":{"react":"^16.10.2"},"gitHead":"05ad1f51c65ae00f4712f4bf7186fba8d7c33e21","_id":"react-dynamic-import@1.0.9","_nodeVersion":"12.11.1","_npmVersion":"6.11.3","dist":{"integrity":"sha512-scUaKThiGyaEUpG3w2UeUqMqdjQ1gnQy6RBxJm91znDhWcgEC7yk02xPRRfEjoZPx8x53LwEmnp3sKL/WO4dOw==","shasum":"c6af4db363cf6a219bc2678b2069277e9ffa0b70","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-1.0.9.tgz","fileCount":12,"unpackedSize":55408,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnIMJCRA9TVsSAnZWagAADecP/1bm7sxhE3D/7WAGC8tI\nB/lyD/3BY43xrYRlOvx3VMVkxsH7DUyyNM3773VYjLK5b3LrabJqHm6wPig8\nLqoaER7QjNFVYV31hhYISG0JTN7vz3rtvxnbtg0f7Uuw7egyYB0ZnVqggU6y\n8f5X6fbl9jSavcR5eQ2rYKwQCAWj9wRtTeR3DFroU4LWNAPjTa/NgbiDr/Bj\nqOp4ZDnsbeCssnj6VSY7ypY1R/aIIFzlV8Ou67BkrlIl0OSQ+CShy5lro04h\npm+vDUlEuBz1zVX4aTMBY7GSLQwlBvLPQqjYZDGQSChtojBAhwfvJFxQVVMt\nwdfS3AzYKU5DGlvFrAS9yeZ2iiB2d9jPeztoBv54erorAfCIPqz/DHP0l3cY\n93/7maTuWm1gPfV5c/ItbcLbJhcPLzx0wsG653cX/tAey7vYsc3B2LCNf/zN\nVFVcIkWoKc/7HfYIlOfbGvUaF0fzl2avKgXgVdezEbgwVcJhNRhaioae5LcX\ntBSo8OLgkiL4yAqzlj7OF13TNDZsz9zbmhCfKtoZdI7rttZTedW1mH7QnleP\nhjnZUtDJ33hFd0+xI10uaAXIkQtSftROh4nPdrUQ/DVj+PNrtkHuXOAsabPG\nX44kdxdF3PAFXGOUItFAbqW233oUITEcRl5LUhwPjdktM0nFGImlI0pcdbgX\njjjR\r\n=iJt6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHUM9CjdRRx1JfCO11b/PD2hPmlnH/i07vkKPDZp+2ILAiBe9APv7E1BrHkXmhMvL38I290h7d6lo97PlGt0h4kkcA=="}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_1.0.9_1570538248612_0.13651068951398604"},"_hasShrinkwrap":false},"1.1.0-0":{"name":"react-dynamic-import","version":"1.1.0-0","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn jsdoc && yarn build","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@ganapativs/babel-preset-react":"^0.0.3","@ganapativs/eslint-config-react":"^0.0.7","@size-limit/preset-small-lib":"^2.1.6","husky":"^3.0.9","jsdoc-to-markdown":"^5.0.2","rollup":"^1.26.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-uglify":"^6.0.3"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0"},"dependencies":{"react":"^16.11.0"},"readme":"# react-dynamic-import\n\nDynamically load and render any react module(Component or an HOC) using dynamic import š\n\nTiny(**around 1.18kb gzip**) dynamic module loader and renderer.\n\nš [DEMO](https://codesandbox.io/s/react-dynamic-import-hooks-demo-108-kuf3u)\n\n> ā ļø Hooks only(requires react 16.8.0 or above), use [v1.0.4](https://www.npmjs.com/package/react-dynamic-import/v/1.0.4) if you want older react versions support\n>\n> Dynamic loading of component is already supported in React using React.lazy and Suspense, But, dynamic loading of HOC is tricky and is unsupported in React.\n>\n> Should work with any bundler(eg: webpack, parcel etc) which supports dynamic import āØ\n\n[](https://opensource.org/licenses/mit-license.php)\n[](https://github.com/ganapativs/react-dynamic-import/)\n[](https://travis-ci.com/ganapativs/react-dynamic-import)\n[](https://badge.fury.io/js/react-dynamic-import)\n[](https://badge.fury.io/gh/ganapativs%2Freact-dynamic-import) [](https://greenkeeper.io/)\n\n## Table of Contents\n\n- [Install](#install)\n- [Basic Usage](#basic-usage)\n- [Advanced Usage](#advanced-usage)\n- [API](#api)\n- [Contribute](#contribute)\n- [License](#license)\n\n## Install\n\n### NPM\n\n```sh\nnpm install react-dynamic-import\n```\n\n### Yarn\n\n```sh\nyarn add react-dynamic-import\n```\n\n### UMD build\n\n```html\n\n```\n\n## Basic usage\n\n1. Component\n\n - **Folder structure**\n\n ```text\n |_ realComponent.js\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n\n // Define dynamic import loader function\n const loader = () => import(`./realComponent.js`);\n\n /**\n * Use dynamic module and lazy fetch component\n *\n * Make sure to use it outside render method,\n * else new component is rendered in each render\n *\n * You can choose to show a placeholder and render\n * error component in case of error, check API section for more\n */\n const RealComponent = ReactDynamicImport({ loader });\n\n class Container extends React.component {\n render() {\n /**\n * This component is dynamically fetched and rendered\n * on first usage/render\n */\n return ;\n }\n }\n ```\n\n1. HOC\n\n - **Folder structure**\n\n ```text\n |_ realComponent.js <-- Real component to wrap in HOC\n |_ withHOC.js <-- HOC\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n import RealComponent from \"./realComponent.js\";\n\n // Define dynamic import loader function\n const loader = () => import(`./withHOC.js`);\n\n /**\n * Use dynamic module and lazy fetch HOC\n *\n * Make sure to use it outside render method,\n * else new component is rendered in each render\n *\n * You can choose to show a placeholder and render error\n * component in case of error, check API section for more\n */\n const DynamicHOC = ReactDynamicImport({ loader, isHOC: true });\n const WrappedComponent = DynamicHOC(RealComponent);\n\n class Container extends React.component {\n render() {\n /**\n * The actual HOC is lazy loaded and executed,\n * which in turn renders the actual component lazily\n */\n return ;\n }\n }\n ```\n\n## Advanced usage\n\n1. Component\n\n - **Folder structure**\n\n ```text\n |_ dynamic\n | |_ realComponent-en.js\n | |_ realComponent-eu.js\n | |_ realComponent-kn.js\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n\n /**\n * Define dynamic import loader function\n *\n * This loads specific module from many available\n * modules in the directory, using given module name\n */\n const loader = f => import(`./dynamic/${f}.js`);\n\n // Use dynamic module and lazy fetch component\n class Container extends React.component {\n constructor(props) {\n super(props);\n\n /**\n * Make sure to use it outside render method, else\n * new component is rendered in each render\n *\n * You can choose to show a placeholder and render error\n * component in case of error, check API section for more\n *\n * This loads different module when different language\n * configuration is passed\n */\n this.RealComponent = ReactDynamicImport({\n name: `realComponent-${props.lang || \"en\"}`,\n loader\n });\n }\n\n render() {\n const { RealComponent } = this;\n\n /**\n * This component is dynamically fetched and rendered\n * on first usage/render\n */\n return ;\n }\n }\n ```\n\n1. HOC\n\n - **Folder structure**\n\n ```text\n |_ dynamic <-- Dynamic HOC's\n | |_ withHOC-en.js\n | |_ withHOC-eu.js\n | |_ withHOC-kn.js\n |_ realComponent.js <-- Real component to wrap in HOC\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n import RealComponent from \"./realComponent.js\";\n\n /**\n * Define dynamic import loader function\n *\n * This loads specific module from many available\n * modules in the directory, using given module name\n */\n const loader = f => import(`./dynamic/${f}.js`);\n\n // Use dynamic module and lazy fetch component\n class Container extends React.component {\n constructor(props) {\n super(props);\n\n /**\n * Make sure to use it outside render method, else\n * new component is rendered in each render\n *\n * You can choose to show a placeholder and render error\n * component in case of error, check API section for more\n *\n * This loads different module when different language\n * configuration is passed\n */\n const DynamicHOC = ReactDynamicImport({\n name: `withHOC-${props.lang || \"en\"}`,\n loader,\n isHOC: true\n });\n this.WrappedComponent = DynamicHOC(RealComponent);\n }\n\n render() {\n const { WrappedComponent } = this;\n\n /**\n * The actual HOC is lazy loaded and executed,\n * which in turn renders the actual component lazily\n */\n return ;\n }\n }\n ```\n\nCheckout [API](#api) for more info.\n\n## API\n\n- [React Dynamic Import](docs/react-dynamic-import.md)\n\n## Contribute\n\nThanks for taking time to contribute, please read [docs](docs) and checkout [src](src) to understand how things work.\n\n### Reporting Issues\n\nFound a problem? Want a new feature? First of all see if your issue or idea has [already been reported](../../issues).\nIf don't, just open a [new clear and descriptive issue](../../issues/new).\n\n### Submitting pull requests\n\nPull requests are the greatest contributions, so be sure they are focused in scope, and do avoid unrelated commits.\n\n- Fork it!\n- Clone your fork: `git clone https://github.com//react-dynamic-import`\n- Navigate to the newly cloned directory: `cd react-dynamic-import`\n- Create a new branch for the new feature: `git checkout -b my-new-feature`\n- Install the tools necessary for development: `yarn`\n- Make your changes.\n- Commit your changes: `git commit -am 'Add some feature'`\n- Push to the branch: `git push origin my-new-feature`\n- Submit a pull request with full remarks documenting your changes\n\n### TODO\n\n- [ ] Test cases\n\n## License\n\n[MIT License](https://opensource.org/licenses/MIT) Ā© [Ganapati V S](https://meetguns.com)\n","readmeFilename":"README.md","gitHead":"dc6f701bcc660b5b7c293967f2e35d3fdc5c9fcb","_id":"react-dynamic-import@1.1.0-0","_nodeVersion":"12.11.1","_npmVersion":"6.11.3","dist":{"integrity":"sha512-Sbd0InVh71Alvb7NBzC7pPsfMI9+ywHVCmgzXwmk39MzqmLZag2kBkwM06X7g7u8Le3Yhs/v4/SpKSWxFBfH3Q==","shasum":"0697b3d6cb031950b3eb75aeb2e19e8403c850b0","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-1.1.0-0.tgz","fileCount":12,"unpackedSize":55606,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdtqnoCRA9TVsSAnZWagAAp7QP/0Q/LJTRVuECax2pm/m3\nW1HdMXktmF7eYYBjLDca0BOspsEKogXRIo9tMy9cR73U7TRbJcMnG+RR1bUc\nBQAJhPpOuKuP/jTgL5RgCoWnpeAHbStr5/El1CvvA+7uw6sTtW9U+UP6VeLy\n751AfSt/BCsPMRpVNB456XfBykGEORwE3q6h6GaGD2bu2eDPWNmvxhHdfbAC\n6YG0mNGpUNirNS7njG1qm+s51ZD4lFp/gQy1cxFxxPYcg/YkuanwJegWQbIL\nHV7a7+dgGevm76b4uhGQnghCmmh8S2UJZAYU4m4OCtvpChWZV10MtzHhv3j5\nazdxUAIkwSAmkA/n/XrbQ6S/sxNFlQKtnkt6E9y/dhMT9xlaGadt09ylr86v\nN0QA1WJubf8eYrFZA56nLJI4h1X6SpqrqNcSMMxNlsMH+boSbQYlWwuoavb/\ntB4Bsjy4jJThGEMDNTBKVY3u1PsA5qNUaEDWHos/pb+t+8nOnXlVUSz9Qt/A\nUxzZEyVU+vBwS7LM+/vOsi22baUtXietVgySkEHpeUbFw6nw6WP3EB4+CMLI\nUw7iRLxkBvFhgtnomTuso5uW0Cdg8aXyD1ZI4FlQQS+xH1AGaf01jaTu/WIC\n7QKcF1HYIhd2QDf/3WvEyGIMxd9gdgUJxqEDPaZ2Kn7pbnroCyTwRYqf9IeM\nFShc\r\n=fAgn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHcNzH8sOmV3ONxiJ1o/lugLta7H0CDZLly7bioIW1/uAiEArbVSZnMgNgwmBlTeVtns1YgGTzistdDU9OO/nSLIXFw="}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_1.1.0-0_1572252136183_0.5680789069073873"},"_hasShrinkwrap":false},"1.1.0":{"name":"react-dynamic-import","version":"1.1.0","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn jsdoc && yarn build","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@ganapativs/babel-preset-react":"^0.0.3","@ganapativs/eslint-config-react":"^0.0.7","@size-limit/preset-small-lib":"^2.1.6","husky":"^3.0.9","jsdoc-to-markdown":"^5.0.2","rollup":"^1.26.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-uglify":"^6.0.3"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0"},"dependencies":{"react":"^16.11.0"},"gitHead":"dc6f701bcc660b5b7c293967f2e35d3fdc5c9fcb","_id":"react-dynamic-import@1.1.0","_nodeVersion":"12.11.1","_npmVersion":"6.11.3","dist":{"integrity":"sha512-mxx/cUdG5s0xM1UxfJVCEVhJs6r6YoYHqTuRB0+pPvzhyZQ9dWmavsq+xd8XkPMxC4JR4o8wFedprWQGERZHuA==","shasum":"8c530f34d4c3e5e0e8f462d1bc8ce33e2d3d356c","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-1.1.0.tgz","fileCount":12,"unpackedSize":55604,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdtqp2CRA9TVsSAnZWagAAm5cP/R9vdtizRBjyZno476oi\nVq3Yof1mOUthvCWgyH4CJn8EmR+VKKDoGiz0LHZGMzW+S908WNtBclIFTK2j\n8wQ9f9dfhQK0Lg4fS0ywci8CJ78m6CIBhD7/0JN6YvL7yNo2yl7yn3rg3kvt\n3ovJn09D0Ukh6Tv1Ut7p33FkizcTsU9NQE3EBf8FnpJ8M+DHghkeYv5WqvCv\nJjLHccHnP4Df7vejD78SAcGaIi6pZnaTcIzuPa+wDV0TlcOLoDi5MaFmgKDK\n3WPf6pCzhtXJD5VhYH/KmxT2/5LASvN1W53+V0/GyqutYpfbPniiRliTR4L4\nZ5awjmGmn5FZApx4lN8Qa7YkeIusvZ4VuPWm5wOb6uroY4RQAgozo5PWw4EA\nLmOHBRcXIBilRtEZN6pF3KPjLMM69CWasbmjz1LVrSjnhLccTIKwNWKYASRH\nuNImnC2Nvln9CfvGKTn+FpUX6FghrWBUw3vgLIBZfgZGvBDbuA0H1ZkryeZI\nu5AIrGxLlwPXwQEjMSgCm+E1Up05bY5oeDvuKOuhPSoUSkrCqDuxnYwuWJO9\nJnke1/+KFRcTR90mKqlGhD36OEhvQVBdGNuYJmVyMuCe6+glN5rlQ2zl4UE2\nof8OAejc4iStz3R6+pKImWFl9enuNBgR89uGx7cdyNChM/ebsF4IYuf28jqh\nVwp5\r\n=jBWE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDS6dzqdMGsRUIu/9B01vk+y7CXtsgFx3Oa1kxhZ9DZRgIhAK0CVM0KvZGhJMtvVfPmMeuy6WQkzNVU0Bf9qlxFM70u"}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_1.1.0_1572252278124_0.5312892495036192"},"_hasShrinkwrap":false},"1.1.1-0":{"name":"react-dynamic-import","version":"1.1.1-0","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn jsdoc && yarn build","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@ganapativs/babel-preset-react":"^0.0.3","@ganapativs/eslint-config-react":"^0.0.7","@size-limit/preset-small-lib":"^2.1.6","husky":"^3.0.9","jsdoc-to-markdown":"^5.0.2","rollup":"^1.26.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-uglify":"^6.0.3"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0"},"dependencies":{"react":"^16.11.0"},"readme":"# react-dynamic-import\n\nDynamically load and render any react module(Component or an HOC) using dynamic import š\n\nTiny(**around 1.18kb gzip**) dynamic module loader and renderer.\n\nš [DEMO](https://codesandbox.io/s/react-dynamic-import-hooks-demo-108-kuf3u)\n\n> ā ļø Hooks only(requires react 16.8.0 or above), use [v1.0.4](https://www.npmjs.com/package/react-dynamic-import/v/1.0.4) if you want older react versions support\n>\n> Dynamic loading of component is already supported in React using React.lazy and Suspense, But, dynamic loading of HOC is tricky and is unsupported in React.\n>\n> Should work with any bundler(eg: webpack, parcel etc) which supports dynamic import āØ\n\n[](https://opensource.org/licenses/mit-license.php)\n[](https://github.com/ganapativs/react-dynamic-import/)\n[](https://travis-ci.com/ganapativs/react-dynamic-import)\n[](https://badge.fury.io/js/react-dynamic-import)\n[](https://badge.fury.io/gh/ganapativs%2Freact-dynamic-import) [](https://greenkeeper.io/)\n\n## Table of Contents\n\n- [Install](#install)\n- [Basic Usage](#basic-usage)\n- [Advanced Usage](#advanced-usage)\n- [API](#api)\n- [Contribute](#contribute)\n- [License](#license)\n\n## Install\n\n### NPM\n\n```sh\nnpm install react-dynamic-import\n```\n\n### Yarn\n\n```sh\nyarn add react-dynamic-import\n```\n\n### UMD build\n\n```html\n\n```\n\n## Basic usage\n\n1. Component\n\n - **Folder structure**\n\n ```text\n |_ realComponent.js\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n\n // Define dynamic import loader function\n const loader = () => import(`./realComponent.js`);\n\n /**\n * Use dynamic module and lazy fetch component\n *\n * Make sure to use it outside render method,\n * else new component is rendered in each render\n *\n * You can choose to show a placeholder and render\n * error component in case of error, check API section for more\n */\n const RealComponent = ReactDynamicImport({ loader });\n\n class Container extends React.component {\n render() {\n /**\n * This component is dynamically fetched and rendered\n * on first usage/render\n */\n return ;\n }\n }\n ```\n\n1. HOC\n\n - **Folder structure**\n\n ```text\n |_ realComponent.js <-- Real component to wrap in HOC\n |_ withHOC.js <-- HOC\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n import RealComponent from \"./realComponent.js\";\n\n // Define dynamic import loader function\n const loader = () => import(`./withHOC.js`);\n\n /**\n * Use dynamic module and lazy fetch HOC\n *\n * Make sure to use it outside render method,\n * else new component is rendered in each render\n *\n * You can choose to show a placeholder and render error\n * component in case of error, check API section for more\n */\n const DynamicHOC = ReactDynamicImport({ loader, isHOC: true });\n const WrappedComponent = DynamicHOC(RealComponent);\n\n class Container extends React.component {\n render() {\n /**\n * The actual HOC is lazy loaded and executed,\n * which in turn renders the actual component lazily\n */\n return ;\n }\n }\n ```\n\n## Advanced usage\n\n1. Component\n\n - **Folder structure**\n\n ```text\n |_ dynamic\n | |_ realComponent-en.js\n | |_ realComponent-eu.js\n | |_ realComponent-kn.js\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n\n /**\n * Define dynamic import loader function\n *\n * This loads specific module from many available\n * modules in the directory, using given module name\n */\n const loader = f => import(`./dynamic/${f}.js`);\n\n // Use dynamic module and lazy fetch component\n class Container extends React.component {\n constructor(props) {\n super(props);\n\n /**\n * Make sure to use it outside render method, else\n * new component is rendered in each render\n *\n * You can choose to show a placeholder and render error\n * component in case of error, check API section for more\n *\n * This loads different module when different language\n * configuration is passed\n */\n this.RealComponent = ReactDynamicImport({\n name: `realComponent-${props.lang || \"en\"}`,\n loader\n });\n }\n\n render() {\n const { RealComponent } = this;\n\n /**\n * This component is dynamically fetched and rendered\n * on first usage/render\n */\n return ;\n }\n }\n ```\n\n1. HOC\n\n - **Folder structure**\n\n ```text\n |_ dynamic <-- Dynamic HOC's\n | |_ withHOC-en.js\n | |_ withHOC-eu.js\n | |_ withHOC-kn.js\n |_ realComponent.js <-- Real component to wrap in HOC\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n import RealComponent from \"./realComponent.js\";\n\n /**\n * Define dynamic import loader function\n *\n * This loads specific module from many available\n * modules in the directory, using given module name\n */\n const loader = f => import(`./dynamic/${f}.js`);\n\n // Use dynamic module and lazy fetch component\n class Container extends React.component {\n constructor(props) {\n super(props);\n\n /**\n * Make sure to use it outside render method, else\n * new component is rendered in each render\n *\n * You can choose to show a placeholder and render error\n * component in case of error, check API section for more\n *\n * This loads different module when different language\n * configuration is passed\n */\n const DynamicHOC = ReactDynamicImport({\n name: `withHOC-${props.lang || \"en\"}`,\n loader,\n isHOC: true\n });\n this.WrappedComponent = DynamicHOC(RealComponent);\n }\n\n render() {\n const { WrappedComponent } = this;\n\n /**\n * The actual HOC is lazy loaded and executed,\n * which in turn renders the actual component lazily\n */\n return ;\n }\n }\n ```\n\nCheckout [API](#api) for more info.\n\n## API\n\n- [React Dynamic Import](docs/react-dynamic-import.md)\n\n## Contribute\n\nThanks for taking time to contribute, please read [docs](docs) and checkout [src](src) to understand how things work.\n\n### Reporting Issues\n\nFound a problem? Want a new feature? First of all see if your issue or idea has [already been reported](../../issues).\nIf don't, just open a [new clear and descriptive issue](../../issues/new).\n\n### Submitting pull requests\n\nPull requests are the greatest contributions, so be sure they are focused in scope, and do avoid unrelated commits.\n\n- Fork it!\n- Clone your fork: `git clone https://github.com//react-dynamic-import`\n- Navigate to the newly cloned directory: `cd react-dynamic-import`\n- Create a new branch for the new feature: `git checkout -b my-new-feature`\n- Install the tools necessary for development: `yarn`\n- Make your changes.\n- Commit your changes: `git commit -am 'Add some feature'`\n- Push to the branch: `git push origin my-new-feature`\n- Submit a pull request with full remarks documenting your changes\n\n### TODO\n\n- [ ] Test cases\n\n## License\n\n[MIT License](https://opensource.org/licenses/MIT) Ā© [Ganapati V S](https://meetguns.com)\n","readmeFilename":"README.md","gitHead":"2a4eb0f9fe8566df0547790d597ad5ea07444b2b","_id":"react-dynamic-import@1.1.1-0","_nodeVersion":"13.1.0","_npmVersion":"6.12.1","dist":{"integrity":"sha512-2HMLc90oLRY5RTxg6a5DDUApD4r8rK1pqVo4w58Y5+VYFrivhj++MSlC0JYmzJQu9hcB9bw2oBDfaHRw4xZspg==","shasum":"8209b7702ad8c03d445ab926a3839588dfd0e12a","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-1.1.1-0.tgz","fileCount":12,"unpackedSize":55326,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdymDcCRA9TVsSAnZWagAApGoP/0AhVAwik7g+7lEPqKMp\nYmTDHuB7s4bpCCspQsG2rRxagEmouFb6tVFgEr35fRkjRNRR56Srt3sJhqfO\nT1TdFufoHTCusbfVGDye7CbZ17xtjqpiiG+H7oNxfpZuw6FiY01DkiF+N75N\n1MVR0+ziBaaTzKVOrljHEKwOjgSXozj8PMnqHgo6lV215w14+QVfBslj25Ih\nCp/2O3YIUBqjuU+/EVWAAdGGW9elDEU7c6o3Xvu0HxdfqxU6NwiRaxOjui3B\n5Fz2kDc6Hsz6QuSiMqOvH/k8afx17QwSK0wT66EhRgWg1wnPgS4NxnXm7SZp\nAhtHPMVrRC2H9liQRFZXekknpf0irYXlQfBeQhIgYbU1q322egspt6uW5MM3\nLsVJFzo1mSYixHwH7PlVSUAZX+iWxrmgMaQFVH8Iz919R5mMpm/1Fvbhkhtn\nYJP4R2N0DUBHRdz3dNywwQmWSTfd+RfwuhsB88GT9LZY/VpMWGHzViOdClJ+\nnGDZNp8BNH2LdttTU2Fl3drgR963c8Wpg/ugl0bt80u3DMeJ2ns5bMK+oyUq\nB7F6m24u0/PDU1I98sGJUQE10wDdNRPb556T0DUDZeWyu1HXVidL5wGUB7P6\nEpq42WmDW80T1OR6w7AcBW6RWzW+HnNyfj7srNccaYgcmf95QZwrGxYpH4wb\nL+lu\r\n=Gks9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFz+CuN0vMm6ZJECiOX+As5h7p8xsO9a7Cdd56KcX7TFAiAUG0BJAPwTpZtPMz/TfuQMdQDYd0dRpkT4J/wIbvUYew=="}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_1.1.1-0_1573544155766_0.46167678325643946"},"_hasShrinkwrap":false},"1.1.1":{"name":"react-dynamic-import","version":"1.1.1","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn jsdoc && yarn build","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@ganapativs/babel-preset-react":"^0.0.3","@ganapativs/eslint-config-react":"^0.0.7","@size-limit/preset-small-lib":"^2.1.6","husky":"^3.0.9","jsdoc-to-markdown":"^5.0.2","rollup":"^1.26.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-uglify":"^6.0.3"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0"},"dependencies":{"react":"^16.11.0"},"gitHead":"2a4eb0f9fe8566df0547790d597ad5ea07444b2b","_id":"react-dynamic-import@1.1.1","_nodeVersion":"13.1.0","_npmVersion":"6.12.1","dist":{"integrity":"sha512-unR6OK774Fm5460zNKLNjpKhA4oM/ThpQVZhSuUY5V7glspQyCXloKRA2X/7MacC4narNTTodq5tjNr7bsLbjQ==","shasum":"2c57b36237bf107accad6448181fa498053b2a6b","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-1.1.1.tgz","fileCount":12,"unpackedSize":55324,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdymFZCRA9TVsSAnZWagAASxEP/17RDeqez0OZuP0K+4yl\nd3okjN6TK1Hxx3MYQNISzmTelyjVD1q2QmSbMev++mOx08OUAdpnaVEFkG+e\niYdjVbY/gBBpkjFDHXeozi+o8Ox5GZk//km2GLCePIUz6sUngsOL3949TDZ2\nwPsVEnK+qvFUifQJFqPNTdWzx3ajF8t6uDPGAuQswZxOCmqLJeg7r7SvaLRh\nqY0PKsWKMVlNYjW07pU/3PUKNMWZ668tU9vBZ6KiXmt3cZAYUCNyriWHWFfq\n78LuyBNuNpgdDrPYExEwuK3nHSA/YM17r+98wBBYMjxHuGcEzrkAi4RNCS9z\nACo2LFTT/qDqGIcxwKoBF7lTVPUYMqrrr6YiChu7mZwG9rydHgr1MxHGzSeD\n6ctM1bZYeaZUcWBp7SoR5jZWNhBXdYILyH6epjnVGlQ6J1riXUm4n4AxnUC6\nYYlfAga9y3TjuxJHENfTrh8bOyOEpHm3c1k8ZCDm+QhiscPw41YCOyrCUlcW\nONsdaUlI25UoKlKSG7ci8CSJ/jkLZAFDrscbccI0UjWNxcjDsjw/jzdBA+0x\nSLyJt5aaaW+drsv5dvCmHp3uUvetdMBmWknzFeycwfDakWoQNijZDwzgp2h3\nzUuKCe5X2HiytzqIOb+KLeaBqc5Vx8EdH/KNqxJR1kdvfjLyBgEyX+nG1f91\nWEmF\r\n=SZsD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEr2RMCy8k9zK2BuFdpsL2ueC13KLZJ3RUik5yFEqRZ6AiAFxZq12dDoDWaqJhH42DR9JIAUHAHSHxb7Ld4CpM9bCg=="}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_1.1.1_1573544280875_0.14184080445703673"},"_hasShrinkwrap":false},"1.1.2":{"name":"react-dynamic-import","version":"1.1.2","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","sideEffects":false,"repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn jsdoc && yarn build","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@ganapativs/babel-preset-react":"^0.0.3","@ganapativs/eslint-config-react":"^0.0.7","@size-limit/preset-small-lib":"^2.2.2","husky":"^3.1.0","jsdoc-to-markdown":"^5.0.3","rollup":"^1.27.11","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-uglify":"^6.0.4"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0"},"dependencies":{"react":"^16.12.0"},"gitHead":"771ccff4f7d212fff4fd81d231f835517f1fc3d7","_id":"react-dynamic-import@1.1.2","_nodeVersion":"13.3.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-GndCIbBYVmHRcJlHkwS2AmWeSEskxlEShHAOHKqM9dFOyTYzBCNmG4LoqPeoo1lNxsJhItzUzcjUAmUGyImTDA==","shasum":"2021551079bbb07da9569eb3bc0f538a616101a8","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-1.1.2.tgz","fileCount":12,"unpackedSize":55349,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd8lh6CRA9TVsSAnZWagAAFPMP/RS7EQucEi5u5Bx1N4TT\ntPQKdxgL1nSo9yN8zzbZ+03lHhidyc5/W8xhapCUGdNrGRHqBTVIYyFJxVaD\nTIcyAPBCYFWfm0w+wOomLczFc97XuxJn/uX/RWyxZf/SSIsu68AAvz22DNMn\nzp1lKHQ/bqRVAyt7J+1zDGgYrfqJAIHdTUdfIqWHSzVOTqijWnY0kJ0um4Hr\np11NdyTCtXkaW0gRd4p+NYgDKrtDKN/is6YZQbTBRup4DUAJhCUCIq58+9dU\nyspCONSS1Ubk3s2i1aEN8rJtZyXWdZU5+4DkQDLSexySCGgs52Dn6B7KO/vp\nfWoUaNNELl9glf0CQNqyoU+wWA/VuwLuXelilu9LC8zQF3uzsMStixKvTYz3\n9/xHwgJbM51eaEc1FuKLXQn2+zIq9zccoSXUodjgti5fDEkFYeb3u3Sfr6IL\nNT7fJbBcdxM+yUJDM/kosGmVpfzblRmQVkhUkT8mwuJYz5B7FfWjosFr5ClL\n4FpFkL3fmX4uG4pFUUCuieQo1zvVbwrLWbIS6shix7gDM4eQ1KMtkyAiQLwf\noMDEOz4iuJVf9hbSn5LnF74gkFky3mtZOClF2SctqEUrg/8DcFbTSA+qRSQI\nx7fDsKQP8NWjRKgVI9aaT71+wybFL4Un6yCg8rGDS6D+UUTlq1cYa1Q66uoE\nwzUA\r\n=A0Dv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCmGvqy0VGhBtFd4x2fDBeW42H53C0vl13czs7ig+CXhQIhAMFkseQhdWCdlseNDBZDpoRAW1G0+bLnrGjg8aU3zcfr"}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_1.1.2_1576163449710_0.05078233053308723"},"_hasShrinkwrap":false},"1.1.3-0":{"name":"react-dynamic-import","version":"1.1.3-0","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","sideEffects":false,"repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn jsdoc && yarn build","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@ganapativs/babel-preset-react":"^0.0.4","@ganapativs/eslint-config-react":"^0.0.9","@size-limit/preset-small-lib":"^2.2.2","husky":"^4.0.0","jsdoc-to-markdown":"^5.0.3","rollup":"^1.27.11","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-terser":"^5.1.3"},"peerDependencies":{"react":"^16.8.0"},"dependencies":{"react":"^16.12.0"},"readme":"# react-dynamic-import\n\nDynamically load and render any react module(Component or an HOC) using dynamic import š\n\nTiny(**around 1.16kb gzip**) dynamic module loader and renderer.\n\nš [DEMO](https://codesandbox.io/s/react-dynamic-import-hooks-demo-108-kuf3u)\n\n> ā ļø Hooks only(requires react 16.8.0 or above), use [v1.0.4](https://www.npmjs.com/package/react-dynamic-import/v/1.0.4) if you want older react versions support\n>\n> Dynamic loading of component is already supported in React using React.lazy and Suspense, But, dynamic loading of HOC is tricky and is unsupported in React.\n>\n> Should work with any bundler(eg: webpack, parcel etc) which supports dynamic import āØ\n\n[](https://opensource.org/licenses/mit-license.php)\n[](https://github.com/ganapativs/react-dynamic-import/)\n[](https://travis-ci.com/ganapativs/react-dynamic-import)\n[](https://badge.fury.io/js/react-dynamic-import)\n[](https://badge.fury.io/gh/ganapativs%2Freact-dynamic-import) [](https://greenkeeper.io/)\n\n## Table of Contents\n\n- [Install](#install)\n- [Basic Usage](#basic-usage)\n- [Advanced Usage](#advanced-usage)\n- [API](#api)\n- [Contribute](#contribute)\n- [License](#license)\n\n## Install\n\n### NPM\n\n```sh\nnpm install react-dynamic-import\n```\n\n### Yarn\n\n```sh\nyarn add react-dynamic-import\n```\n\n### UMD build\n\n```html\n\n```\n\n## Basic usage\n\n1. Component\n\n - **Folder structure**\n\n ```text\n |_ realComponent.js\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n\n // Define dynamic import loader function\n const loader = () => import(`./realComponent.js`);\n\n /**\n * Use dynamic module and lazy fetch component\n *\n * Make sure to use it outside render method,\n * else new component is rendered in each render\n *\n * You can choose to show a placeholder and render\n * error component in case of error, check API section for more\n */\n const RealComponent = ReactDynamicImport({ loader });\n\n class Container extends React.component {\n render() {\n /**\n * This component is dynamically fetched and rendered\n * on first usage/render\n */\n return ;\n }\n }\n ```\n\n1. HOC\n\n - **Folder structure**\n\n ```text\n |_ realComponent.js <-- Real component to wrap in HOC\n |_ withHOC.js <-- HOC\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n import RealComponent from \"./realComponent.js\";\n\n // Define dynamic import loader function\n const loader = () => import(`./withHOC.js`);\n\n /**\n * Use dynamic module and lazy fetch HOC\n *\n * Make sure to use it outside render method,\n * else new component is rendered in each render\n *\n * You can choose to show a placeholder and render error\n * component in case of error, check API section for more\n */\n const DynamicHOC = ReactDynamicImport({ loader, isHOC: true });\n const WrappedComponent = DynamicHOC(RealComponent);\n\n class Container extends React.component {\n render() {\n /**\n * The actual HOC is lazy loaded and executed,\n * which in turn renders the actual component lazily\n */\n return ;\n }\n }\n ```\n\n## Advanced usage\n\n1. Component\n\n - **Folder structure**\n\n ```text\n |_ dynamic\n | |_ realComponent-en.js\n | |_ realComponent-eu.js\n | |_ realComponent-kn.js\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n\n /**\n * Define dynamic import loader function\n *\n * This loads specific module from many available\n * modules in the directory, using given module name\n */\n const loader = f => import(`./dynamic/${f}.js`);\n\n // Use dynamic module and lazy fetch component\n class Container extends React.component {\n constructor(props) {\n super(props);\n\n /**\n * Make sure to use it outside render method, else\n * new component is rendered in each render\n *\n * You can choose to show a placeholder and render error\n * component in case of error, check API section for more\n *\n * This loads different module when different language\n * configuration is passed\n */\n this.RealComponent = ReactDynamicImport({\n name: `realComponent-${props.lang || \"en\"}`,\n loader\n });\n }\n\n render() {\n const { RealComponent } = this;\n\n /**\n * This component is dynamically fetched and rendered\n * on first usage/render\n */\n return ;\n }\n }\n ```\n\n1. HOC\n\n - **Folder structure**\n\n ```text\n |_ dynamic <-- Dynamic HOC's\n | |_ withHOC-en.js\n | |_ withHOC-eu.js\n | |_ withHOC-kn.js\n |_ realComponent.js <-- Real component to wrap in HOC\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n import RealComponent from \"./realComponent.js\";\n\n /**\n * Define dynamic import loader function\n *\n * This loads specific module from many available\n * modules in the directory, using given module name\n */\n const loader = f => import(`./dynamic/${f}.js`);\n\n // Use dynamic module and lazy fetch component\n class Container extends React.component {\n constructor(props) {\n super(props);\n\n /**\n * Make sure to use it outside render method, else\n * new component is rendered in each render\n *\n * You can choose to show a placeholder and render error\n * component in case of error, check API section for more\n *\n * This loads different module when different language\n * configuration is passed\n */\n const DynamicHOC = ReactDynamicImport({\n name: `withHOC-${props.lang || \"en\"}`,\n loader,\n isHOC: true\n });\n this.WrappedComponent = DynamicHOC(RealComponent);\n }\n\n render() {\n const { WrappedComponent } = this;\n\n /**\n * The actual HOC is lazy loaded and executed,\n * which in turn renders the actual component lazily\n */\n return ;\n }\n }\n ```\n\nCheckout [API](#api) for more info.\n\n## API\n\n- [React Dynamic Import](docs/react-dynamic-import.md)\n\n## Contribute\n\nThanks for taking time to contribute, please read [docs](docs) and checkout [src](src) to understand how things work.\n\n### Reporting Issues\n\nFound a problem? Want a new feature? First of all see if your issue or idea has [already been reported](../../issues).\nIf don't, just open a [new clear and descriptive issue](../../issues/new).\n\n### Submitting pull requests\n\nPull requests are the greatest contributions, so be sure they are focused in scope, and do avoid unrelated commits.\n\n- Fork it!\n- Clone your fork: `git clone https://github.com//react-dynamic-import`\n- Navigate to the newly cloned directory: `cd react-dynamic-import`\n- Create a new branch for the new feature: `git checkout -b my-new-feature`\n- Install the tools necessary for development: `yarn`\n- Make your changes.\n- Commit your changes: `git commit -am 'Add some feature'`\n- Push to the branch: `git push origin my-new-feature`\n- Submit a pull request with full remarks documenting your changes\n\n### TODO\n\n- [ ] Test cases\n\n## License\n\n[MIT License](https://opensource.org/licenses/MIT) Ā© [Ganapati V S](https://meetguns.com)\n","readmeFilename":"README.md","gitHead":"771ccff4f7d212fff4fd81d231f835517f1fc3d7","_id":"react-dynamic-import@1.1.3-0","_nodeVersion":"13.5.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-xEZgSjjfL39zGJjDS+z0soSZV/ahNhzu7LzN3m1xPgnqNhAjyWWr8gRllx1RGzrNO9D+4todwKlgsQYpxAeJ1A==","shasum":"77c853f138a276be0a16a97b115261e8ec954b88","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-1.1.3-0.tgz","fileCount":12,"unpackedSize":55967,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFK2iCRA9TVsSAnZWagAA4lMP+QDMRWeasnyKG39uG4aH\nuy146u+5pfk0fWUjthIDRbrdpXYgw4xBAso7jj9UlH7A0Kidm/SrV+nQqr1Z\nkFyFPKa0db2E4N5RZbMo703cJ8giB5en6ZTf7B5VSm1EJvSRCVWY6Rd7aY2F\nCPsp4Q7JPCZo3psSFt3u3X8UH51UrjCD23wbaK7CqXc9iLq0L2JMFuwffm55\ns6/r/KFCVGB3Smo/A/SNJgGQlBGPCW9U1KQwDoElOQy7HxksrJ/tDFaVUDia\niAhcJfI9EcVQ+v57yKfPxP2cmjKR+sM9g28asaQj2CTPKm1vjr+0Y2KbMwtZ\nU2ReatqTYfHVQYKrbAOMafW3rlM1X6+jq+PR9RfK5aa/7pTYL5fVTt1P2xpy\nZUt5yF6dEmw96SNfzSuwlrXAlOrqQc8Sin9Zrl+RSaqVdK/ERVTQNMZ0BuxX\ncSO2ovPb0VPNS0k9KL/FS2F9lCeXCiDOqbZxpvwd+Qg7pj7nVqhSrhpUdeWw\nU9spsvfbNHx3c2gYMzyXk32dsGoedScc1DNn/jxMZQ1328L6YjbCn7bsVm+m\nfRTBmiN8tLeXi61Uu9wBSXye1gseNrvwt1eXRy0ry6fhDaMnJAPQfwRNbyOC\n9ICNM42LeqYUDk9UQkPgCpH5L914s8jNw85Hbyyrbx4UezQK+V/zMrYIbklm\nGPPR\r\n=3l1L\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC3/bDAu5JQrLy8ivH2raveLgFmv9mJyaKzQ3xxagYvDgIhAOC0MyTOV5sPEmcXvi/4ljjNU3rtusIa+MoNPvr7hbSH"}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_1.1.3-0_1578413474383_0.1590862423588848"},"_hasShrinkwrap":false},"1.1.3":{"name":"react-dynamic-import","version":"1.1.3","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","sideEffects":false,"repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn jsdoc && yarn build","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@ganapativs/babel-preset-react":"^0.0.4","@ganapativs/eslint-config-react":"^0.0.9","@size-limit/preset-small-lib":"^2.2.2","husky":"^4.0.0","jsdoc-to-markdown":"^5.0.3","rollup":"^1.27.11","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-terser":"^5.1.3"},"peerDependencies":{"react":"^16.8.0"},"dependencies":{"react":"^16.12.0"},"gitHead":"771ccff4f7d212fff4fd81d231f835517f1fc3d7","_id":"react-dynamic-import@1.1.3","_nodeVersion":"13.5.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-Sh+IWULQKtCH4XE/0zIaA/Yz62GatWxUEfXkpIOUT7uIGUnpd+musAQCKRswVlUtepeWH/+1IYpNMKLYjhCluw==","shasum":"e135d9b926f8289be1393fc370d999f973dcf04d","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-1.1.3.tgz","fileCount":12,"unpackedSize":55965,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFK4YCRA9TVsSAnZWagAAbaEP/A32twwf8dUI4iE8irZj\nzTVe6pcbGNIMqJiriy0S7Y2SMCixoVRUKG6TZ4QxfuaYkd2uZ2F17XRaB6La\n8mNGL1g+F+ZjNnJe2rP5L/CqlSbNW2GURQR0l+4CWwM0CZUNzxUPwmEPct48\nisLuLnzXyzHEbQrzIJ1PfB7LUlK6H/J07Kf9PG5eThyFKyLfXTzJdseclM4v\nZMVwZPjK8nwqpPXa4sWGCySr/ULAdIZsOCbTFVBtLvosjPvd1b90L0qGXyFU\n+wtKBB4vHWvkgcQPxQs4j0wxoUy0Ho48k9E5rQsHv05ycNr/mRCe7MrDFQkD\n5ZZv+6bPhwpNQ/12iLceW/XIZ0EBC4f5a0dKtXEQm2QrOGpO5nfGmf1jVSFR\n0cC3ikvZ0Q5+xpuPLk0ErFqSFB8SZ+I1sBPYd9w0qsyoKsADXbTfbyx2aGp+\nxIblPtjqejg8CZbvc+EjbC/H+z5xZLNaXZL9bn4FHPyBS000/RnJDT6L7iBs\n5DFT6XZyr5JXbOjbo/Zx456QFhYWuczyL5N2MZ6G7tMpLfG3FD2JJa3dLQ9O\nt1h9FglmmiQIjVLq6AY3+Ok6mSiaL0e3qNZiSFs/s7T2S7PdwW8fU1HlCkwG\n13MrEgUGJVYFwh5ZFvcBvpBENgEsDyLIRtoYPL2kIvx9hJsd/2PRfKpL1suD\nsZF9\r\n=GZsp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF64uW1Wg0OWaQwZxFRhKHEsLhOUFkvClDP+g9oxIfMVAiAGbfkdul4bpdAuNBprGMe7EtojMC1Pwwx1XhoeA1Weqg=="}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_1.1.3_1578413592441_0.5031589179461018"},"_hasShrinkwrap":false},"1.1.4":{"name":"react-dynamic-import","version":"1.1.4","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","sideEffects":false,"repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn jsdoc && yarn build","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@ganapativs/babel-preset-react":"^0.0.4","@ganapativs/eslint-config-react":"^0.0.9","@size-limit/preset-small-lib":"^2.2.2","husky":"^4.0.0","jsdoc-to-markdown":"^5.0.3","rollup":"^1.27.11","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-terser":"^5.1.3"},"peerDependencies":{"react":"^16.8.0"},"dependencies":{"react":"^16.12.0"},"gitHead":"bec48219b8c7012a1bdbedbe5357f0a48cb96ce2","_id":"react-dynamic-import@1.1.4","_nodeVersion":"13.5.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-dZEuJV/jNJtDKZizr/rHLiEFO1noyEUXG/tK/+leCXDkN5YrzBTNQqUoM2IyehdZTNEe7TlFO4+hi4RvlIAygw==","shasum":"c142a56ef1d9d928c4cc400fa183bc1d0b24b27f","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-1.1.4.tgz","fileCount":12,"unpackedSize":55963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFLt7CRA9TVsSAnZWagAAj9UP/0Hs1iGModFeal44YyWn\nyiNaQ8EHz6Z8cYS2Hg4rxjYSI+C3YBXLNk1trm67QOZctOXJZCKU52Q+bcMB\nreSQAsowHa/lTCK6fjntfQCBEZvNKJptkXvvr43e5514oC6FHXfatSyMQ31l\nm+QBNzUBnMjcsd8kM9cddaPOlQW4JPX+KXvdsdjarZ+YvfIpRxEUk66dPJUD\n41h4kkVvR4pBFdJ3DqaTiGnyo6OySDJrUjVV9LgLuoerstZ4WXzC2bgUiz/h\nLfmO62wMDBGPWDiY5vu7DstfBCL/U5qeuQ4iowcgz2k+Br18eWoIXJ0SzMxu\nDkNQM4wZe4bKjIAN9YVyU5swRytEphXT9PdhtoonRE6ph4Ajyu473BQqShel\nAkaJxZQWfv/C8jE/kPAXIHR7PTOrRSUTfPyw5lHewc49McMCpY0F85rFLbPO\n+MjW0/4pj1kDuLDQQ0EOy7j5PliizaPyDDrrE/s4iwzpJIO2QlO7fvjv4It8\n1vHTYLUmnmaz4k+O87J0zSi87N4G65MRjRe3QD2C7oMCUaQoM6awQr/32paw\nKTBRZ229rI43sAQArCVgTurrKrJUYFyS9Lc4CPI75uhjJkfQKGfWoOM6SeTs\n5vbqeJ3UEI5lMpA0uasrqvz6DuTjaEZgwrQTmoA7rCCyUFS+c9Zkw+OYSOf2\n4Hjm\r\n=/2hy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHlNOaD3RIyM/Tj+DeGhxmNqCJCPr4kAW0sPg6JggPVFAiEAgWH0H2t6Yf1utUJsDkMCA3FuTJccxl2yOafpaxYyA30="}]},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_1.1.4_1578417019177_0.9345435122805097"},"_hasShrinkwrap":false},"1.1.5-0":{"name":"react-dynamic-import","version":"1.1.5-0","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","sideEffects":false,"repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn jsdoc && yarn build","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@ganapativs/babel-preset-react":"^0.0.5","@ganapativs/eslint-config-react":"^0.1.0","@size-limit/preset-small-lib":"^4.9.1","husky":"^4.3.6","jsdoc-to-markdown":"^6.0.1","rollup":"^2.35.1","rollup-plugin-babel":"^4.4.0","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","size-limit":"^4.9.1"},"peerDependencies":{"react":"^17.0.1"},"dependencies":{"react":"^17.0.1"},"readme":"# react-dynamic-import\n\nā ļø You might not need this library. Checkout [`React.lazy`](https://reactjs.org/docs/code-splitting.html#reactlazy) and see if it fits your use case.\n\nDynamically load and render any react module(Component or an HOC) using dynamic import š\n\nTiny(**around 1.16kb gzip**) dynamic module loader and renderer.\n\nš [DEMO](https://codesandbox.io/s/react-dynamic-import-hooks-demo-108-kuf3u)\n\n> ā ļø Hooks only(requires react 16.8.0 or above), use [v1.0.4](https://www.npmjs.com/package/react-dynamic-import/v/1.0.4) if you want older react versions support\n>\n> Dynamic loading of component is already supported in React using React.lazy and Suspense, But, dynamic loading of HOC is tricky and is unsupported in React.\n>\n> Should work with any bundler(eg: webpack, parcel etc) which supports dynamic import āØ\n\n[](https://opensource.org/licenses/mit-license.php)\n[](https://github.com/ganapativs/react-dynamic-import/)\n[](https://travis-ci.com/ganapativs/react-dynamic-import)\n[](https://badge.fury.io/js/react-dynamic-import)\n[](https://badge.fury.io/gh/ganapativs%2Freact-dynamic-import) [](https://greenkeeper.io/)\n\n## Table of Contents\n\n- [Install](#install)\n- [Basic Usage](#basic-usage)\n- [Advanced Usage](#advanced-usage)\n- [API](#api)\n- [Contribute](#contribute)\n- [License](#license)\n\n## Install\n\n### NPM\n\n```sh\nnpm install react-dynamic-import\n```\n\n### Yarn\n\n```sh\nyarn add react-dynamic-import\n```\n\n### UMD build\n\n```html\n\n```\n\n## Basic usage\n\n1. Component\n\n - **Folder structure**\n\n ```text\n |_ realComponent.js\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n\n // Define dynamic import loader function\n const loader = () => import(`./realComponent.js`);\n\n /**\n * Use dynamic module and lazy fetch component\n *\n * Make sure to use it outside render method,\n * else new component is rendered in each render\n *\n * You can choose to show a placeholder and render\n * error component in case of error, check API section for more\n */\n const RealComponent = ReactDynamicImport({ loader });\n\n class Container extends React.component {\n render() {\n /**\n * This component is dynamically fetched and rendered\n * on first usage/render\n */\n return ;\n }\n }\n ```\n\n1. HOC\n\n - **Folder structure**\n\n ```text\n |_ realComponent.js <-- Real component to wrap in HOC\n |_ withHOC.js <-- HOC\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n import RealComponent from \"./realComponent.js\";\n\n // Define dynamic import loader function\n const loader = () => import(`./withHOC.js`);\n\n /**\n * Use dynamic module and lazy fetch HOC\n *\n * Make sure to use it outside render method,\n * else new component is rendered in each render\n *\n * You can choose to show a placeholder and render error\n * component in case of error, check API section for more\n */\n const DynamicHOC = ReactDynamicImport({ loader, isHOC: true });\n const WrappedComponent = DynamicHOC(RealComponent);\n\n class Container extends React.component {\n render() {\n /**\n * The actual HOC is lazy loaded and executed,\n * which in turn renders the actual component lazily\n */\n return ;\n }\n }\n ```\n\n## Advanced usage\n\n1. Component\n\n - **Folder structure**\n\n ```text\n |_ dynamic\n | |_ realComponent-en.js\n | |_ realComponent-eu.js\n | |_ realComponent-kn.js\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n\n /**\n * Define dynamic import loader function\n *\n * This loads specific module from many available\n * modules in the directory, using given module name\n */\n const loader = f => import(`./dynamic/${f}.js`);\n\n // Use dynamic module and lazy fetch component\n class Container extends React.component {\n constructor(props) {\n super(props);\n\n /**\n * Make sure to use it outside render method, else\n * new component is rendered in each render\n *\n * You can choose to show a placeholder and render error\n * component in case of error, check API section for more\n *\n * This loads different module when different language\n * configuration is passed\n */\n this.RealComponent = ReactDynamicImport({\n name: `realComponent-${props.lang || \"en\"}`,\n loader\n });\n }\n\n render() {\n const { RealComponent } = this;\n\n /**\n * This component is dynamically fetched and rendered\n * on first usage/render\n */\n return ;\n }\n }\n ```\n\n1. HOC\n\n - **Folder structure**\n\n ```text\n |_ dynamic <-- Dynamic HOC's\n | |_ withHOC-en.js\n | |_ withHOC-eu.js\n | |_ withHOC-kn.js\n |_ realComponent.js <-- Real component to wrap in HOC\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n import RealComponent from \"./realComponent.js\";\n\n /**\n * Define dynamic import loader function\n *\n * This loads specific module from many available\n * modules in the directory, using given module name\n */\n const loader = f => import(`./dynamic/${f}.js`);\n\n // Use dynamic module and lazy fetch component\n class Container extends React.component {\n constructor(props) {\n super(props);\n\n /**\n * Make sure to use it outside render method, else\n * new component is rendered in each render\n *\n * You can choose to show a placeholder and render error\n * component in case of error, check API section for more\n *\n * This loads different module when different language\n * configuration is passed\n */\n const DynamicHOC = ReactDynamicImport({\n name: `withHOC-${props.lang || \"en\"}`,\n loader,\n isHOC: true\n });\n this.WrappedComponent = DynamicHOC(RealComponent);\n }\n\n render() {\n const { WrappedComponent } = this;\n\n /**\n * The actual HOC is lazy loaded and executed,\n * which in turn renders the actual component lazily\n */\n return ;\n }\n }\n ```\n\nCheckout [API](#api) for more info.\n\n## API\n\n- [React Dynamic Import](docs/react-dynamic-import.md)\n\n## Contribute\n\nThanks for taking time to contribute, please read [docs](docs) and checkout [src](src) to understand how things work.\n\n### Reporting Issues\n\nFound a problem? Want a new feature? First of all see if your issue or idea has [already been reported](../../issues).\nIf don't, just open a [new clear and descriptive issue](../../issues/new).\n\n### Submitting pull requests\n\nPull requests are the greatest contributions, so be sure they are focused in scope, and do avoid unrelated commits.\n\n- Fork it!\n- Clone your fork: `git clone https://github.com//react-dynamic-import`\n- Navigate to the newly cloned directory: `cd react-dynamic-import`\n- Create a new branch for the new feature: `git checkout -b my-new-feature`\n- Install the tools necessary for development: `yarn`\n- Make your changes.\n- Commit your changes: `git commit -am 'Add some feature'`\n- Push to the branch: `git push origin my-new-feature`\n- Submit a pull request with full remarks documenting your changes\n\n### TODO\n\n- [ ] Test cases\n\n## License\n\n[MIT License](https://opensource.org/licenses/MIT) Ā© [Ganapati V S](https://meetguns.com)\n","readmeFilename":"README.md","gitHead":"3c9e980951db631c6cef0351a471d4fd5f9e3f2a","_id":"react-dynamic-import@1.1.5-0","_nodeVersion":"12.14.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-J7b8p/s7boM7d5gzvzSd7IrXkxiU6hoeN/vhkNvBW2cfe06xRD4VGuBtGlR2InKiWz6gVrYqMwWRZa6Gfi/qXg==","shasum":"d4e3d46c39caaf9c298785f649799c7a24472590","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-1.1.5-0.tgz","fileCount":13,"unpackedSize":59074,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf6JwwCRA9TVsSAnZWagAAh4EP/RMiBxSnNejOzIh5Xkg6\nUo5asuXghHVwCxMd2CfA9+cTtBeZq1zDpok/0jmGRze/Qa/mUj1rKVQzjHbT\nu/ufl45tfZ0zMhL/3IEOviTEMcUDPpYMexcH6ppyV+3YaThgpGQJs900bmv0\nY8/+0T8SbQ+VTkcgLpPVs7A+4xefh00Tn0/R8uKSolDrpCxvGuAxN1kek5WP\n6U8Q35x2YB5WxOcsiJeMHkzG8AwbBFe5SNXBdG9I0TvqV9rIIsru5MHkHeyf\niJLapZn8a1sZHdrVOqsji/Ey8I9Kk3WKkqz7uKFF7XgN1cvxHHjBsAsCD3Ed\nG6DO82M9MOFogpOpZ3zK+PZq2HrLd+UmrPBKZqjkvjQpnr+jt+16wV2PHvt/\n6WcmihUZ+25SDCedP1HVDUOvLSHtEui2hjLYQ3vDYTonRAOD0gZOW6uOzIIn\nQNloeXxaeqLJa5y2Kv9yt6Co1JnEvU4eT47hLwb3M6gjDzx3WzQlL2kjkhrp\naI67Ex994NrjN9q2PG3a05vp6FLx3dhKjrkX7Xp0AdMFaKsFPKc1KgqjivSy\nwr+7AQ4/sZtQqGM1rbLhQVAuf7Q8ayeMgfu8ukLAxKuJj+nxeaWx20wlMJD8\nSnsVb4j3XWpFbM9x9rrDBu5XPF2iFcVjNbT0ygM8149xZ6NFEM+D5+YYZMen\ngwza\r\n=++XK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDrhPsUTRyJa6X63eHSVOWhgPeHM2AB6RV00KApm9p+awIhAJDh1fJWa2tv8rFWnKO8azG3PaAXvHh4fyA2+AWKkGh8"}]},"_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"directories":{},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_1.1.5-0_1609079855577_0.3399484192114759"},"_hasShrinkwrap":false},"1.1.5":{"name":"react-dynamic-import","version":"1.1.5","description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","main":"dist/react-dynamic-import.js","module":"dist/react-dynamic-import.es.js","browser":"dist/react-dynamic-import.umd.js","sideEffects":false,"repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"scripts":{"prebuild":"rm -rf dist && mkdir -p dist","build":"NODE_ENV=production rollup -c","lint":"eslint ./src --ext .js","jsdoc":"mkdir -p docs && jsdoc2md src/index.js > docs/react-dynamic-import.md","prepublishOnly":"yarn jsdoc && yarn build","size":"size-limit"},"husky":{"hooks":{"pre-commit":"yarn build && yarn jsdoc && git add dist docs"}},"size-limit":[{"limit":"1.5 KB","path":"dist/react-dynamic-import.js"}],"devDependencies":{"@ganapativs/babel-preset-react":"^0.0.5","@ganapativs/eslint-config-react":"^0.1.0","@size-limit/preset-small-lib":"^4.9.1","husky":"^4.3.6","jsdoc-to-markdown":"^6.0.1","rollup":"^2.35.1","rollup-plugin-babel":"^4.4.0","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","size-limit":"^4.9.1"},"peerDependencies":{"react":"^17.0.1"},"dependencies":{"react":"^17.0.1"},"gitHead":"3c9e980951db631c6cef0351a471d4fd5f9e3f2a","_id":"react-dynamic-import@1.1.5","_nodeVersion":"12.14.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-o9T3dU8CxUw3YMKCHy6ufjg5OsdNRvhjOOoEwZTbpSxc03WuYvdahFqsNvmzPmR3vMULHfsFu0m9hK6VRTTDdQ==","shasum":"0a92363df8a43abe8ccd3133fa30f40cfc650c5c","tarball":"https://registry.npmjs.org/react-dynamic-import/-/react-dynamic-import-1.1.5.tgz","fileCount":13,"unpackedSize":59072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf6J2mCRA9TVsSAnZWagAA8YQQAJ5LZKTbT3GyQlKmMCJg\nyB3SAgkJU35G+debhAiamM08Jg0NA2lmUa5Bjnk7m7rlWfBcqQEeDBYYr7TO\nj9RI5tUdRJFenO/q1b9G9jb0r52et2JTbck9ebQQAbkB2jUdYMx/4PwN/ICK\nFBni/z2nlcchWkF37q51Clz/+8XTiNDTkFpRGW0lgxpt5xX2H5d9P96ZYDQO\nKie9vg/5yKp7vMAFDETQAWfmpAlrMZceBRFeXJ/A67v5LfgyaoKTfbAb2uJp\nc7RFiOkscjgs6I31hcsQnTmWl1keWICPHflDkTLeK7FmkLXQ6XhyuZQMSiav\nxjYdWb2ZzSOkLSClYKjLgJ8q7YCyM3nCGb3Ti8dRXy08DeUvDgofnuegZGIw\nEBVUfvUcZfRbqDaY98vkepHbB3dmNfwUPVPoyn2hxzNRwPkLsQw3FGKgNY7x\n3mBZH+x4FENxnMfqSuK2o3X4eKwkQZfmNpxiktBsRxDKiKVd4Cn8RoXP7UtU\nRxV1e6rAN+A5vYh045ijWVP9X765W75vFMALWmXuwC/oX/YUPmRPbLCRp23X\nsti5PW5jSQjRwNm2e/k/ZGOaauxnvoegTBiwa8yZrDACtC/lKqNf/ee9Ze+4\nEPaTldTT652UZHNXqp2Vk8SDCF8gFSarAuxtXf5PrBTPKb9MYtPZNV6z8nyg\n+9tB\r\n=igWz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDhs8mplefR68qDsDfk4qpcrRg+TyCmy4A6cEH9QU3HLgIgBRoOi44exejnoOXfh/cjRCJGwbviW6GVeExEowY8aMo="}]},"_npmUser":{"name":"ganapativs","email":"vsg.inbox@gmail.com"},"directories":{},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dynamic-import_1.1.5_1609080230450_0.9978586445190316"},"_hasShrinkwrap":false}},"time":{"created":"2018-10-26T11:35:40.281Z","0.1.0":"2018-10-26T11:35:40.408Z","modified":"2022-05-14T10:04:53.257Z","0.2.0":"2018-10-27T06:28:20.564Z","0.2.1":"2018-10-27T06:30:38.849Z","0.2.2":"2018-10-28T09:58:27.374Z","1.0.0":"2018-10-28T10:16:49.461Z","1.0.1":"2018-11-02T10:12:32.983Z","1.0.2":"2018-11-02T10:19:57.944Z","1.0.3":"2018-11-02T10:35:46.045Z","1.0.4":"2019-02-14T10:00:56.694Z","1.0.5-0":"2019-05-18T19:57:56.801Z","1.0.5-1":"2019-05-18T20:17:55.810Z","1.0.5":"2019-05-18T20:29:59.922Z","1.0.6":"2019-07-05T04:47:01.426Z","1.0.7":"2019-07-05T04:51:28.099Z","1.0.8-0":"2019-09-14T12:38:19.690Z","1.0.8":"2019-09-14T12:59:38.351Z","1.0.9-0":"2019-10-08T10:23:39.359Z","1.0.9":"2019-10-08T12:37:28.710Z","1.1.0-0":"2019-10-28T08:42:16.346Z","1.1.0":"2019-10-28T08:44:38.230Z","1.1.1-0":"2019-11-12T07:35:55.887Z","1.1.1":"2019-11-12T07:38:01.124Z","1.1.2":"2019-12-12T15:10:49.944Z","1.1.3-0":"2020-01-07T16:11:14.498Z","1.1.3":"2020-01-07T16:13:12.606Z","1.1.4":"2020-01-07T17:10:19.366Z","1.1.5-0":"2020-12-27T14:37:35.721Z","1.1.5":"2020-12-27T14:43:50.563Z"},"maintainers":[{"name":"ganapativs","email":"vsg.inbox@gmail.com"}],"description":"Dynamically load and render any react module(Component or an HOC) using dynamic import š","homepage":"https://github.com/ganapativs/react-dynamic-import","keywords":["react component","react HOC","dynamic-import","webpack"],"repository":{"type":"git","url":"git+https://github.com/ganapativs/react-dynamic-import.git"},"author":{"name":"Ganapati V S","email":"vsg.inbox@gmail.com"},"bugs":{"url":"https://github.com/ganapativs/react-dynamic-import/issues"},"license":"MIT","readme":"# react-dynamic-import\n\nā ļø You might not need this library. Checkout [`React.lazy`](https://reactjs.org/docs/code-splitting.html#reactlazy) and see if it fits your use case.\n\nDynamically load and render any react module(Component or an HOC) using dynamic import š\n\nTiny(**around 1.16kb gzip**) dynamic module loader and renderer.\n\nš [DEMO](https://codesandbox.io/s/react-dynamic-import-hooks-demo-108-kuf3u)\n\n> ā ļø Hooks only(requires react 16.8.0 or above), use [v1.0.4](https://www.npmjs.com/package/react-dynamic-import/v/1.0.4) if you want older react versions support\n>\n> Dynamic loading of component is already supported in React using React.lazy and Suspense, But, dynamic loading of HOC is tricky and is unsupported in React.\n>\n> Should work with any bundler(eg: webpack, parcel etc) which supports dynamic import āØ\n\n[](https://opensource.org/licenses/mit-license.php)\n[](https://github.com/ganapativs/react-dynamic-import/)\n[](https://travis-ci.com/ganapativs/react-dynamic-import)\n[](https://badge.fury.io/js/react-dynamic-import)\n[](https://badge.fury.io/gh/ganapativs%2Freact-dynamic-import) [](https://greenkeeper.io/)\n\n## Table of Contents\n\n- [Install](#install)\n- [Basic Usage](#basic-usage)\n- [Advanced Usage](#advanced-usage)\n- [API](#api)\n- [Contribute](#contribute)\n- [License](#license)\n\n## Install\n\n### NPM\n\n```sh\nnpm install react-dynamic-import\n```\n\n### Yarn\n\n```sh\nyarn add react-dynamic-import\n```\n\n### UMD build\n\n```html\n\n```\n\n## Basic usage\n\n1. Component\n\n - **Folder structure**\n\n ```text\n |_ realComponent.js\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n\n // Define dynamic import loader function\n const loader = () => import(`./realComponent.js`);\n\n /**\n * Use dynamic module and lazy fetch component\n *\n * Make sure to use it outside render method,\n * else new component is rendered in each render\n *\n * You can choose to show a placeholder and render\n * error component in case of error, check API section for more\n */\n const RealComponent = ReactDynamicImport({ loader });\n\n class Container extends React.component {\n render() {\n /**\n * This component is dynamically fetched and rendered\n * on first usage/render\n */\n return ;\n }\n }\n ```\n\n1. HOC\n\n - **Folder structure**\n\n ```text\n |_ realComponent.js <-- Real component to wrap in HOC\n |_ withHOC.js <-- HOC\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n import RealComponent from \"./realComponent.js\";\n\n // Define dynamic import loader function\n const loader = () => import(`./withHOC.js`);\n\n /**\n * Use dynamic module and lazy fetch HOC\n *\n * Make sure to use it outside render method,\n * else new component is rendered in each render\n *\n * You can choose to show a placeholder and render error\n * component in case of error, check API section for more\n */\n const DynamicHOC = ReactDynamicImport({ loader, isHOC: true });\n const WrappedComponent = DynamicHOC(RealComponent);\n\n class Container extends React.component {\n render() {\n /**\n * The actual HOC is lazy loaded and executed,\n * which in turn renders the actual component lazily\n */\n return ;\n }\n }\n ```\n\n## Advanced usage\n\n1. Component\n\n - **Folder structure**\n\n ```text\n |_ dynamic\n | |_ realComponent-en.js\n | |_ realComponent-eu.js\n | |_ realComponent-kn.js\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n\n /**\n * Define dynamic import loader function\n *\n * This loads specific module from many available\n * modules in the directory, using given module name\n */\n const loader = f => import(`./dynamic/${f}.js`);\n\n // Use dynamic module and lazy fetch component\n class Container extends React.component {\n constructor(props) {\n super(props);\n\n /**\n * Make sure to use it outside render method, else\n * new component is rendered in each render\n *\n * You can choose to show a placeholder and render error\n * component in case of error, check API section for more\n *\n * This loads different module when different language\n * configuration is passed\n */\n this.RealComponent = ReactDynamicImport({\n name: `realComponent-${props.lang || \"en\"}`,\n loader\n });\n }\n\n render() {\n const { RealComponent } = this;\n\n /**\n * This component is dynamically fetched and rendered\n * on first usage/render\n */\n return ;\n }\n }\n ```\n\n1. HOC\n\n - **Folder structure**\n\n ```text\n |_ dynamic <-- Dynamic HOC's\n | |_ withHOC-en.js\n | |_ withHOC-eu.js\n | |_ withHOC-kn.js\n |_ realComponent.js <-- Real component to wrap in HOC\n |_ container.js <-- working file\n ```\n\n - **Usage**\n\n ```js\n // Import library\n import ReactDynamicImport from \"react-dynamic-import\";\n // or const ReactDynamicImport = require('react-dynamic-import');\n import RealComponent from \"./realComponent.js\";\n\n /**\n * Define dynamic import loader function\n *\n * This loads specific module from many available\n * modules in the directory, using given module name\n */\n const loader = f => import(`./dynamic/${f}.js`);\n\n // Use dynamic module and lazy fetch component\n class Container extends React.component {\n constructor(props) {\n super(props);\n\n /**\n * Make sure to use it outside render method, else\n * new component is rendered in each render\n *\n * You can choose to show a placeholder and render error\n * component in case of error, check API section for more\n *\n * This loads different module when different language\n * configuration is passed\n */\n const DynamicHOC = ReactDynamicImport({\n name: `withHOC-${props.lang || \"en\"}`,\n loader,\n isHOC: true\n });\n this.WrappedComponent = DynamicHOC(RealComponent);\n }\n\n render() {\n const { WrappedComponent } = this;\n\n /**\n * The actual HOC is lazy loaded and executed,\n * which in turn renders the actual component lazily\n */\n return ;\n }\n }\n ```\n\nCheckout [API](#api) for more info.\n\n## API\n\n- [React Dynamic Import](docs/react-dynamic-import.md)\n\n## Contribute\n\nThanks for taking time to contribute, please read [docs](docs) and checkout [src](src) to understand how things work.\n\n### Reporting Issues\n\nFound a problem? Want a new feature? First of all see if your issue or idea has [already been reported](../../issues).\nIf don't, just open a [new clear and descriptive issue](../../issues/new).\n\n### Submitting pull requests\n\nPull requests are the greatest contributions, so be sure they are focused in scope, and do avoid unrelated commits.\n\n- Fork it!\n- Clone your fork: `git clone https://github.com//react-dynamic-import`\n- Navigate to the newly cloned directory: `cd react-dynamic-import`\n- Create a new branch for the new feature: `git checkout -b my-new-feature`\n- Install the tools necessary for development: `yarn`\n- Make your changes.\n- Commit your changes: `git commit -am 'Add some feature'`\n- Push to the branch: `git push origin my-new-feature`\n- Submit a pull request with full remarks documenting your changes\n\n### TODO\n\n- [ ] Test cases\n\n## License\n\n[MIT License](https://opensource.org/licenses/MIT) Ā© [Ganapati V S](https://meetguns.com)\n","readmeFilename":"README.md"}