{"id":13559395,"url":"https://github.com/NEO97online/stencil-fragment","last_synced_at":"2025-04-03T14:32:04.072Z","repository":{"id":119568321,"uuid":"152744716","full_name":"NEO97online/stencil-fragment","owner":"NEO97online","description":"A simple implementation of React.Fragment in StencilJS.","archived":false,"fork":false,"pushed_at":"2018-10-12T12:07:12.000Z","size":1,"stargazers_count":18,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-02-28T14:09:02.122Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/NEO97online.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2018-10-12T12:05:43.000Z","updated_at":"2023-08-05T00:11:23.000Z","dependencies_parsed_at":null,"dependency_job_id":"ca9544a6-4cc2-495c-97e9-06c86feee3d8","html_url":"https://github.com/NEO97online/stencil-fragment","commit_stats":null,"previous_names":["neo97online/stencil-fragment","michaelauderer/stencil-fragment"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NEO97online%2Fstencil-fragment","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NEO97online%2Fstencil-fragment/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NEO97online%2Fstencil-fragment/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NEO97online%2Fstencil-fragment/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NEO97online","download_url":"https://codeload.github.com/NEO97online/stencil-fragment/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247018574,"owners_count":20870026,"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":[],"created_at":"2024-08-01T13:00:20.984Z","updated_at":"2025-04-03T14:32:03.871Z","avatar_url":"https://github.com/NEO97online.png","language":"JavaScript","funding_links":[],"categories":["List of Awesome Components Made using StencilJS"],"sub_categories":["Individual Components"],"readme":"# Stencil Fragment\n\nThis single line of code adds the same functionality as React.Fragment to your StencilJS app.\n\nThe purpose of Fragment is to allow rendering multiple sibling elements without the need to return an array in your render function.\n\nEssentially, Fragment is an \"empty element\" which can hold child elements without itself being rendered to the DOM. This avoids needless `\u003cdiv\u003e` wrappers and arrays.\n\n## Usage\n\n```\nnpm i stencil-fragment\n```\n\n```tsx\nimport Fragment from 'stencil-fragment'\n\nrender() {\n  return (\n    \u003cFragment\u003e\n      \u003cdiv\u003eFirst element...\u003c/div\u003e\n      \u003cdiv\u003eSecond element...\u003c/div\u003e\n      \u003cdiv\u003eAnother element...\u003c/div\u003e\n    \u003c/Fragment\u003e\n  )\n}\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FNEO97online%2Fstencil-fragment","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FNEO97online%2Fstencil-fragment","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FNEO97online%2Fstencil-fragment/lists"}