{"_id":"@akchayatyasser/virtualizedlist","_rev":"7-c96605576987b76dec3fa00eff75991a","name":"@akchayatyasser/virtualizedlist","description":"A virtualized list component for React","dist-tags":{"latest":"0.0.5"},"versions":{"0.0.4":{"name":"@akchayatyasser/virtualizedlist","version":"0.0.4","keywords":["react","component","virtualized","window"],"author":{"name":"Akchayat Yasser akchayaty333@gmail.com"},"_id":"@akchayatyasser/virtualizedlist@0.0.4","maintainers":[{"name":"akchayatyasser","email":"akchayaty333@gmail.com"}],"homepage":"https://github.com/AkchayatYasser/Virtualized-list#readme","bugs":{"url":"https://github.com/AkchayatYasser/Virtualized-list/issues"},"dist":{"shasum":"d65a8d02c4549f740528a25bd035b59e39a9249d","tarball":"https://registry.npmjs.org/@akchayatyasser/virtualizedlist/-/virtualizedlist-0.0.4.tgz","fileCount":6,"integrity":"sha512-tO0Os/1N2czZDYv2/dHRzst0jXHwcJ19X5zlbNHfDs1BPEnj00Oq0S4k95FU2qBs0uShoQ8KpDXoFn+ThSmiJQ==","signatures":[{"sig":"MEUCIFV6kErA5HrQNOrVTe79vP0fouC3FmhpIF4C5ZDY9V/tAiEA5DHx+qJShK72Dl1d40lJLOY+xPALhCMmC1NXdLSNiIU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5498},"type":"module","gitHead":"ada00e377ca0111f05963873ef78fad5818a330c","private":false,"scripts":{"dev":"vite","lint":"eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"akchayatyasser","email":"akchayaty333@gmail.com"},"repository":{"url":"git+https://github.com/AkchayatYasser/Virtualized-list.git","type":"git"},"_npmVersion":"8.5.5","description":"A virtualized list component for React","directories":{},"_nodeVersion":"16.15.0","dependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.2.0","eslint":"^8.57.0","@types/react":"^18.2.66","@types/react-dom":"^18.2.22","eslint-plugin-react":"^7.34.1","@vitejs/plugin-react":"^4.2.1","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.6"},"_npmOperationalInternal":{"tmp":"tmp/virtualizedlist_0.0.4_1716828355031_0.12456835800046595","host":"s3://npm-registry-packages"}},"0.0.5":{"name":"@akchayatyasser/virtualizedlist","private":false,"version":"0.0.5","description":"A virtualized list component for React","type":"module","scripts":{"dev":"vite","build":"vite build","lint":"eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"repository":{"type":"git","url":"git+https://github.com/AkchayatYasser/Virtualized-list.git"},"keywords":["react","component","virtualized","window"],"author":{"name":"Akchayat Yasser akchayaty333@gmail.com"},"dependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@types/react":"^18.2.66","@types/react-dom":"^18.2.22","@vitejs/plugin-react":"^4.2.1","eslint":"^8.57.0","eslint-plugin-react":"^7.34.1","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.6","vite":"^5.2.0"},"gitHead":"ada00e377ca0111f05963873ef78fad5818a330c","bugs":{"url":"https://github.com/AkchayatYasser/Virtualized-list/issues"},"homepage":"https://github.com/AkchayatYasser/Virtualized-list#readme","_id":"@akchayatyasser/virtualizedlist@0.0.5","_nodeVersion":"18.13.0","_npmVersion":"8.19.3","dist":{"integrity":"sha512-+WvsxOo8r7qoo8Ugam+dP3MtwlpBOg7W+RRK+272a8b8c//gcaOfg0F2hQSs8QMWxKfMxsXaJZT+IdtWxn9hog==","shasum":"c8e19a9958813d93d1d1c6426148893df1d1ede2","tarball":"https://registry.npmjs.org/@akchayatyasser/virtualizedlist/-/virtualizedlist-0.0.5.tgz","fileCount":6,"unpackedSize":5499,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDwXBUXu+FIHZIWFFMl3p+hpmWKrW7rkeKlwUobgtZi3QIgLgDgJkxuZiufAxLTL/4rjCTvJNII4JA6YqQKfP9Vw0M="}]},"_npmUser":{"name":"akchayatyasser","email":"akchayaty333@gmail.com"},"directories":{},"maintainers":[{"name":"akchayatyasser","email":"akchayaty333@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/virtualizedlist_0.0.5_1716976862986_0.6858221166879572"},"_hasShrinkwrap":false}},"time":{"created":"2024-05-27T14:55:50.648Z","modified":"2024-05-29T10:01:03.287Z","0.0.1":"2024-05-27T14:55:51.069Z","0.0.2":"2024-05-27T15:05:33.166Z","0.0.3":"2024-05-27T15:09:53.704Z","0.0.4":"2024-05-27T16:45:55.184Z","0.0.5":"2024-05-29T10:01:03.128Z"},"maintainers":[{"name":"akchayatyasser","email":"akchayaty333@gmail.com"}],"author":{"name":"Akchayat Yasser akchayaty333@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/AkchayatYasser/Virtualized-list.git"},"keywords":["react","component","virtualized","window"],"homepage":"https://github.com/AkchayatYasser/Virtualized-list#readme","bugs":{"url":"https://github.com/AkchayatYasser/Virtualized-list/issues"},"readme":"\r\n---\r\n\r\n# @akchayatyasser/virtualizedlist\r\n\r\nA virtualized list component for React that efficiently renders large lists by only rendering the visible items.\r\n\r\n## Installation\r\n\r\nYou can install the package using npm:\r\n\r\n```bash\r\nnpm install @akchayatyasser/virtualizedlist\r\n```\r\n\r\nOr using Yarn:\r\n\r\n```bash\r\nyarn add @akchayatyasser/virtualizedlist\r\n```\r\n\r\n## Usage\r\n\r\nHere's an example of how to use the `VirtualizedList` component:\r\n\r\n```jsx\r\nimport React from 'react';\r\nimport VirtualizedList from '@akchayatyasser/virtualizedlist';\r\n\r\nconst App = () => {\r\n  const data = Array.from({ length: 1000 }, (_, index) => `Item ${index + 1}`);\r\n  const itemHeight = 50; // Height of each item in pixels\r\n  const visibleItemCount = 10; // Number of items visible in the viewport\r\n\r\n  return (\r\n    <div>\r\n      <h1>Virtualized List Example</h1>\r\n      <VirtualizedList data={data} itemHeight={itemHeight} visibleItemCount={visibleItemCount} />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default App;\r\n```\r\n\r\n## Props\r\n\r\nThe `VirtualizedList` component accepts the following props:\r\n\r\n- `data` (Array): The array of data items to render.\r\n- `itemHeight` (number): The height of each item in pixels.\r\n- `visibleItemCount` (number): The number of items visible in the viewport.\r\n\r\n## Development\r\n\r\nTo run the development environment:\r\n\r\n1. Clone the repository:\r\n   ```bash\r\n   git clone https://github.com/AkchayatYasser/Virtualized-list.git\r\n   cd virtualizedlist\r\n   ```\r\n\r\n2. Install dependencies:\r\n   ```bash\r\n   npm install\r\n   ```\r\n\r\n3. Run the build script:\r\n   ```bash\r\n   npm run build\r\n   ```\r\n\r\n\r\n## License\r\n\r\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\r\n\r\n## Contributing\r\n\r\nContributions are welcome! Please open an issue or submit a pull request for any bugs or features.\r\n\r\n## Acknowledgements\r\n\r\nThis project was inspired by the need to efficiently render large lists in React applications.\r\n\r\n---\r\n","readmeFilename":"README.md"}