{"id":18292725,"url":"https://github.com/acrool/acrool-react-jackpot","last_synced_at":"2025-04-12T10:43:31.860Z","repository":{"id":164337371,"uuid":"639185836","full_name":"acrool/acrool-react-jackpot","owner":"acrool","description":"React jackpot animation","archived":false,"fork":false,"pushed_at":"2024-11-25T10:23:04.000Z","size":3247,"stargazers_count":3,"open_issues_count":2,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-12-07T00:49:14.914Z","etag":null,"topics":["jackpot","reactjs"],"latest_commit_sha":null,"homepage":"https://acrool-react-jackpot.pages.dev","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/acrool.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-05-11T00:22:30.000Z","updated_at":"2024-11-25T08:52:43.000Z","dependencies_parsed_at":null,"dependency_job_id":"03ac42bb-a5e2-477c-9249-ad949cabd77f","html_url":"https://github.com/acrool/acrool-react-jackpot","commit_stats":null,"previous_names":["acrool/acrool-react-jackpot","imagine10255/bear-react-jackpot"],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acrool%2Facrool-react-jackpot","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acrool%2Facrool-react-jackpot/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acrool%2Facrool-react-jackpot/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acrool%2Facrool-react-jackpot/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/acrool","download_url":"https://codeload.github.com/acrool/acrool-react-jackpot/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":230897181,"owners_count":18296903,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["jackpot","reactjs"],"created_at":"2024-11-05T14:19:08.510Z","updated_at":"2024-12-22T23:43:03.756Z","avatar_url":"https://github.com/acrool.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Acrool React Jackpot\n\n\u003ca href=\"https://acrool-react-jackpot.pages.dev/\" title=\"Acrool React Jackpot - Fast custom jackpot for Reactjs\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/acrool/acrool-react-jackpot/main/example/public/og.webp\" alt=\"Acrool React Jackpot Logo\"/\u003e\n\u003c/a\u003e\n\n\u003cp align=\"center\"\u003e\n    Fast custom jackpot for Reactjs\n\u003c/p\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[![NPM](https://img.shields.io/npm/v/@acrool/react-jackpot.svg?style=for-the-badge)](https://www.npmjs.com/package/@acrool/react-jackpot)\n[![npm](https://img.shields.io/bundlejs/size/@acrool/react-jackpot?style=for-the-badge)](https://github.com/acrool/@acrool/react-jackpot/blob/main/LICENSE)\n[![npm](https://img.shields.io/npm/l/@acrool/react-jackpot?style=for-the-badge)](https://github.com/acrool/react-jackpot/blob/main/LICENSE)\n\n[![npm downloads](https://img.shields.io/npm/dm/@acrool/react-jackpot.svg?style=for-the-badge)](https://www.npmjs.com/package/@acrool/react-jackpot)\n[![npm](https://img.shields.io/npm/dt/@acrool/react-jackpot.svg?style=for-the-badge)](https://www.npmjs.com/package/@acrool/react-jackpot)\n\n\u003c/div\u003e\n\n## Features\n\n- Support custom length\n\n## Install\n\n```bash\nyarn add @acrool/react-jackpot\n```\n\n## Usage\n\nadd in your index.tsx\n```tst\nimport \"@acrool/react-jackpot/dist/index.css\";\n```\n\nthen in your page\n\n```tsx\nimport {Flex, fr, Grid} from '@acrool/react-grid';\nimport styled from 'styled-components';\n\nimport {Jackpot} from '@acrool/react-jackpot';\nimport {generatorArray} from '@acrool/js-utils/array';\nimport {useRef} from \"react\";\n\nconst Example = () =\u003e {\n    const [amount, setAmount] = useState(32767);\n    const timeRef = useRef\u003cNode.Timer\u003e(null);\n\n    useEffect(() =\u003e {\n        timeRef = setInterval(() =\u003e {\n            onChange(getRandom(1000));\n        }, 3000);\n\n        return () =\u003e {\n            clearInterval(timeRef.current);\n        };\n\n    }, []);\n\n    return (\n        \u003cJackpot length={7} amount={amount}/\u003e\n    );\n\nexport default Example;\n\n```\n\n\nThere is also a example that you can play with it:\n\n[![Play react-editext-example](https://raw.githubusercontent.com/acrool/acrool-react-jackpot/main/play-in-example-button.svg)](https://acrool-react-jackpot.pages.dev)\n\n\n## License\n\nMIT © [Acrool](https://github.com/acrool) \u0026 [Imagine](https://github.com/imagine10255)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Facrool%2Facrool-react-jackpot","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Facrool%2Facrool-react-jackpot","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Facrool%2Facrool-react-jackpot/lists"}