{"id":25415273,"url":"https://github.com/zediculz/burokku","last_synced_at":"2025-08-22T05:05:42.909Z","repository":{"id":192836947,"uuid":"687525504","full_name":"zediculz/Burokku","owner":"zediculz","description":"A lightweight tool for conditionally rendering React component","archived":false,"fork":false,"pushed_at":"2025-07-11T06:40:03.000Z","size":2044,"stargazers_count":2,"open_issues_count":58,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-07-11T10:26:19.579Z","etag":null,"topics":["components","control-flow","if-else","react","rendering"],"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/zediculz.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,"zenodo":null}},"created_at":"2023-09-05T14:31:37.000Z","updated_at":"2023-09-23T14:36:14.000Z","dependencies_parsed_at":"2023-09-19T00:45:41.484Z","dependency_job_id":"5ac62259-241d-49b7-a68d-6cd2f75c2a35","html_url":"https://github.com/zediculz/Burokku","commit_stats":null,"previous_names":["seyifunmitan/burokku","zediculz/burokku"],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/zediculz/Burokku","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zediculz%2FBurokku","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zediculz%2FBurokku/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zediculz%2FBurokku/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zediculz%2FBurokku/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zediculz","download_url":"https://codeload.github.com/zediculz/Burokku/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zediculz%2FBurokku/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271588743,"owners_count":24785751,"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-08-22T02:00:08.480Z","response_time":65,"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":["components","control-flow","if-else","react","rendering"],"created_at":"2025-02-16T15:34:15.811Z","updated_at":"2025-08-22T05:05:42.877Z","avatar_url":"https://github.com/zediculz.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# Burokku\nA lightweight tool for conditionally rendering React components.\n\n## Install\n\n```bash\nnpm install --save burokku\n```\n### without Burokku\n```jsx\n const [loggedIn, setLoggedIn] = useState(false)\n\n const App = () =\u003e {\n\n  // conditional rendering\n   return (\n     {loggedIn ? 'user logged in' : \"user not logged in\"}\n   )\n }\n\n```\n### with Burokku\n```jsx\nimport { If, Then, Else } from 'burokku'\nconst [loggedIn, setLoggedIn] = useState(false)\n\n// cleaner conditional rendering\nfunction App() {\n  return (\n    \u003cIf condition={loggedIn}\u003e\n        \u003cThen\u003e\n          \u003cspan\u003eYes, user logged in.\u003c/span\u003e\n        \u003c/Then\u003e\n        \u003cElse\u003e\n          \u003cspan\u003eSorry, user is not logged in.\u003c/span\u003e\n        \u003c/Else\u003e\n    \u003c/If\u003e\n  )\n} \n\n```\n## More from Burokku\n\n#### Match\n```javascript\nimport { Match, Case, DefaultCase } from 'burokku'\nconst [age, setAge] = useState(20)\n\nfunction App() {\n  return (\n    \u003cMatch\u003e\n        \u003cCase condition={age === 20}\u003e\n            \u003cspan\u003eAge equals 20\u003c/span\u003e\n        \u003c/Case\u003e\n        \u003cCase condition={age \u003c 50}\u003e\n            \u003cspan\u003eAge is less 50\u003c/span\u003e\n        \u003c/Case\u003e\n        \u003cCase condition={age \u003e 5}\u003e\n            \u003cspan\u003eAge is greater 5\u003c/span\u003e\n        \u003c/Case\u003e\n        \u003cDefaultCase\u003e\n            \u003cspan\u003ei will render if all cases conditions are false\u003c/span\u003e\n        \u003c/DefaultCase\u003e\n    \u003c/Match\u003e\n  )\n} \n\n```\n\n#### Show\n```javascript\nimport { Show } from 'burokku'\nconst [loggedIn, setLoggedIn] = useState(false)\n\nfunction App() {\n\n  // solidjs like SHOW \n  return (\n    \u003cShow \n    condition={loggedIn} \n    fallback={\u003cp\u003ehello, click here to login\u003c/p\u003e}\u003e\n        \u003cdiv\u003eYou are logged In, click here to logout\u003c/div\u003e\n    \u003c/Show\u003e\n  )\n} \n\n```\n\n## License\nMIT\n\n\n[![NPM](https://img.shields.io/npm/v/burokku.svg)](https://www.npmjs.com/package/burokku)\n[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)\n[![Contact](https://img.shields.io/badge/contact-@zediculz-blue.svg?style=flat\u0026logo=twitter)](https://twitter.com/zediculz)\n[![npm bundle size](https://img.shields.io/bundlephobia/minzip/burokku?label=bundle%20size\u0026logo=webpack)](https://bundlephobia.com/result?p=burokku)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzediculz%2Fburokku","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzediculz%2Fburokku","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzediculz%2Fburokku/lists"}