{"id":15177712,"url":"https://github.com/chalarangelo/30-seconds-of-react","last_synced_at":"2025-10-01T18:30:59.964Z","repository":{"id":37664677,"uuid":"150615193","full_name":"Chalarangelo/30-seconds-of-react","owner":"Chalarangelo","description":"Short React code snippets for all your development needs","archived":true,"fork":false,"pushed_at":"2023-05-07T17:10:12.000Z","size":3855,"stargazers_count":5053,"open_issues_count":1,"forks_count":482,"subscribers_count":110,"default_branch":"master","last_synced_at":"2024-05-22T04:33:14.869Z","etag":null,"topics":["education","javascript","learn-to-code","learning-resources","programming","react","reactjs","snippets","snippets-collection","snippets-library"],"latest_commit_sha":null,"homepage":"https://www.30secondsofcode.org/react/p/1","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc-by-4.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Chalarangelo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2018-09-27T16:17:30.000Z","updated_at":"2024-05-19T05:06:37.000Z","dependencies_parsed_at":"2024-01-06T20:18:23.119Z","dependency_job_id":"2fe2d2c1-5212-46e7-9b2f-65b737b22021","html_url":"https://github.com/Chalarangelo/30-seconds-of-react","commit_stats":null,"previous_names":["30-seconds/30-seconds-of-react"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chalarangelo%2F30-seconds-of-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chalarangelo%2F30-seconds-of-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chalarangelo%2F30-seconds-of-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chalarangelo%2F30-seconds-of-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Chalarangelo","download_url":"https://codeload.github.com/Chalarangelo/30-seconds-of-react/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234887390,"owners_count":18902083,"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":["education","javascript","learn-to-code","learning-resources","programming","react","reactjs","snippets","snippets-collection","snippets-library"],"created_at":"2024-09-27T14:42:37.703Z","updated_at":"2025-10-01T18:30:54.658Z","avatar_url":"https://github.com/Chalarangelo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003e **IMPORTANT NOTICE:**\n\u003e\n\u003e As of May, 2023, all 30-seconds content repositories have been merged into [30-seconds-of-code](https://github.com/30-seconds/30-seconds-of-code).\n\u003e\n\u003e Please watch, star and follow relevant activity there.\n\n[![Logo](/logo.png)](https://30secondsofcode.org/react/p/1)\n\n# 30 seconds of code\n\n\u003e Short React code snippets for all your development needs\n\n* Visit [our website](https://30secondsofcode.org) to view our snippet collection.\n* Use the [Search page](https://30secondsofcode.org/search) to find snippets that suit your needs. You can search by name, tag, language or using a snippet's description. Just start typing a term and see what comes up.\n* Browse the [React Snippet collection](https://30secondsofcode.org/react/p/1) to see all the snippets in this project or click individual tags at the top of the same page to narrow down your search to a specific tag.\n* Click on each snippet card to view the whole snippet, including code, explanation and examples.\n* You can use the button at the bottom of a snippet card to view the snippet in Codepen.\n* If you like the project, give it a star. It means a lot to the people maintaining it.\n\n## Want to contribute?\n\n* If you want to help us improve, take a minute to read the [Contribution Guidelines](/CONTRIBUTING.md) first.\n* Use the [Snippet Template](/snippet-template.md) to add new snippets to the collection.\n* If you find a problem with a specific snippet, please [open an issue](https://github.com/30-seconds/30-seconds-of-react/issues/new).\n* If you find a problem with the website, please [report it in the web repository](https://github.com/30-seconds/30-seconds-web/issues/new).\n\n## Credits\n\n* This repository is maintained by the [30 seconds of code organization on GitHub](https://github.com/30-seconds).\n* All snippets are licensed under the CC-BY-4.0 License, unless explicitly stated otherwise.\n* Logos, names and trademarks are not to be used without the explicit consent of the owners of the 30 seconds of code GitHub organization.\n* Our website is powered by [Netlify](https://www.netlify.com/), [Next.js](https://nextjs.org/) \u0026 [GitHub](https://github.com/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchalarangelo%2F30-seconds-of-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchalarangelo%2F30-seconds-of-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchalarangelo%2F30-seconds-of-react/lists"}