{"id":20415861,"url":"https://github.com/aakashdinkarh/jsx-switch","last_synced_at":"2025-06-26T09:39:08.356Z","repository":{"id":189665523,"uuid":"681048065","full_name":"aakashdinkarh/jsx-switch","owner":"aakashdinkarh","description":"Conditional Rendering is one of the most used concepts while writing a component, this is to reduce the complexity and increase the readability.","archived":false,"fork":false,"pushed_at":"2024-10-02T12:18:59.000Z","size":5,"stargazers_count":0,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-05T03:41:32.331Z","etag":null,"topics":["conditional-rendering","jsx-switch","switch-case","switch-case-statements","switch-component","switch-jsx","swtich"],"latest_commit_sha":null,"homepage":"","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/aakashdinkarh.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,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-08-21T06:40:37.000Z","updated_at":"2024-10-02T12:21:26.000Z","dependencies_parsed_at":null,"dependency_job_id":"7a6a20f6-9535-4ac3-b0c3-75f73616ddbb","html_url":"https://github.com/aakashdinkarh/jsx-switch","commit_stats":null,"previous_names":["aakashdinkarh/conditionalrendering","aakashdinkarh/jsx-switch"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/aakashdinkarh/jsx-switch","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aakashdinkarh%2Fjsx-switch","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aakashdinkarh%2Fjsx-switch/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aakashdinkarh%2Fjsx-switch/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aakashdinkarh%2Fjsx-switch/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aakashdinkarh","download_url":"https://codeload.github.com/aakashdinkarh/jsx-switch/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aakashdinkarh%2Fjsx-switch/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262039945,"owners_count":23249304,"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":["conditional-rendering","jsx-switch","switch-case","switch-case-statements","switch-component","switch-jsx","swtich"],"created_at":"2024-11-15T06:17:47.613Z","updated_at":"2025-06-26T09:39:08.185Z","avatar_url":"https://github.com/aakashdinkarh.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Conditional Rendering is one of the most used concepts while writing a component.\n\nSometimes rendering logic for the components become complex and we end up writing something which is not readable, also it can cause several unintended bugs.\n\nSo to handle that situation we case Switch case as -\u003e\n\n```\n\u003cSwitch\u003e\n    \u003cCase condition={age \u003c= 12} \u003eKid\u003c/Case\u003e\n    \u003cCase condition={age \u003e 12 \u0026\u0026 age \u003c= 18} \u003eTeenager\u003c/Case\u003e\n    \u003cCase condition={age \u003e 18} \u003eAdult\u003c/Case\u003e\n    \u003cDefault\u003ePerson\u003c/Default\u003e\n\u003c/Switch\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faakashdinkarh%2Fjsx-switch","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faakashdinkarh%2Fjsx-switch","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faakashdinkarh%2Fjsx-switch/lists"}