{"id":15826099,"url":"https://github.com/frigus02/react-web-components-playground","last_synced_at":"2026-07-29T05:31:05.593Z","repository":{"id":153282666,"uuid":"174601780","full_name":"frigus02/react-web-components-playground","owner":"frigus02","description":null,"archived":false,"fork":false,"pushed_at":"2019-04-03T19:57:30.000Z","size":407,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-10-06T09:43:16.069Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/frigus02.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-03-08T20:05:49.000Z","updated_at":"2021-07-18T18:20:44.000Z","dependencies_parsed_at":null,"dependency_job_id":"a22c8a77-3870-422e-af41-691a8954c46a","html_url":"https://github.com/frigus02/react-web-components-playground","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/frigus02/react-web-components-playground","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frigus02%2Freact-web-components-playground","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frigus02%2Freact-web-components-playground/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frigus02%2Freact-web-components-playground/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frigus02%2Freact-web-components-playground/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/frigus02","download_url":"https://codeload.github.com/frigus02/react-web-components-playground/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frigus02%2Freact-web-components-playground/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279010672,"owners_count":26084785,"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","status":"online","status_checked_at":"2025-10-12T02:00:06.719Z","response_time":53,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":[],"created_at":"2024-10-05T09:42:44.310Z","updated_at":"2025-10-12T07:40:21.706Z","avatar_url":"https://github.com/frigus02.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React \u0026 Web Components Playground\n\n## Slides\n\nhttps://docs.google.com/presentation/d/1SsT7nTQ4Dd_LhGwyGo7pjn7SiATiBcWcI7drLA3Y1LU/edit?usp=sharing\n\n## More resources\n\n### Custom Elements Everywhere\n\n- https://custom-elements-everywhere.com/\n\n### Standards and libraries\n\n- [Standard: Constructable Stylesheets, adoptedStyleSheets](https://developers.google.com/web/updates/2019/02/constructable-stylesheets)\n- [Standard Proposal: Scoped Custom Element Registries](https://github.com/w3c/webcomponents/issues/716)\n- [Web Components Polyfill](https://github.com/webcomponents/webcomponentsjs)\n- [Library: Function Web Components](https://github.com/frigus02/function-web-components)\n- [Library: lit-html](https://github.com/Polymer/lit-html/)\n- [Library: hyperHTML](https://github.com/WebReflection/hyperHTML)\n\n### Web Components\n\n- https://github.com/github/details-dialog-element\n- https://github.com/web-padawan/aybolit\n\n### Blogs\n\n- https://developers.google.com/web/fundamentals/web-components/best-practices\n- https://css-tricks.com/a-guide-to-custom-elements-for-react-developers/\n- https://www.smashingmagazine.com/2018/07/reusable-components-custom-elements-shadow-dom-npm/\n- https://medium.com/@bdc/web-components-the-react-way-8ed5b6f4f942\n- https://dev.to/ben/why-the-react-community-is-missing-the-point-about-web-components-1ic3\n- https://dev.to/thepassle/web-components-from-zero-to-hero-4n4m\n- https://css-tricks.com/an-introduction-to-web-components/\n- https://twitter.com/vincentriemer/status/1022447091455598593\n- https://vaadin.com/tutorials/using-web-components-in-react\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrigus02%2Freact-web-components-playground","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffrigus02%2Freact-web-components-playground","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrigus02%2Freact-web-components-playground/lists"}