{"id":23403424,"url":"https://github.com/selmasaltik/react-patterns-and-best-practices","last_synced_at":"2026-04-10T21:04:06.725Z","repository":{"id":266417365,"uuid":"898290280","full_name":"selmasaltik/react-patterns-and-best-practices","owner":"selmasaltik","description":"React Patterns \u0026 Best Practices /// What I learned from \"React - The Complete Guide 2024 (incl. Next.js, Redux) - Academind by Maximilian Schwarzmüller\"","archived":false,"fork":false,"pushed_at":"2024-12-05T03:21:07.000Z","size":1253,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-14T17:54:59.226Z","etag":null,"topics":["best-practices","compound-components","debouncing","patterns","react","render-props"],"latest_commit_sha":null,"homepage":"https://react-patterns-and-best-practices.vercel.app","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/selmasaltik.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":"2024-12-04T06:09:13.000Z","updated_at":"2024-12-05T03:23:59.000Z","dependencies_parsed_at":"2024-12-04T07:21:27.198Z","dependency_job_id":"a73ebb77-b581-434f-a7a0-0c3f853adc16","html_url":"https://github.com/selmasaltik/react-patterns-and-best-practices","commit_stats":null,"previous_names":["selmasaltik/react-patterns-and-best-practices"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/selmasaltik%2Freact-patterns-and-best-practices","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/selmasaltik%2Freact-patterns-and-best-practices/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/selmasaltik%2Freact-patterns-and-best-practices/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/selmasaltik%2Freact-patterns-and-best-practices/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/selmasaltik","download_url":"https://codeload.github.com/selmasaltik/react-patterns-and-best-practices/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247941694,"owners_count":21022035,"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":["best-practices","compound-components","debouncing","patterns","react","render-props"],"created_at":"2024-12-22T12:47:50.514Z","updated_at":"2026-04-10T21:04:06.664Z","avatar_url":"https://github.com/selmasaltik.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"***Exploring Advanced React Patterns \u0026 Repeating Key Best Practices***\n\n- **Common Patterns \u0026 Practices**\n- Compound Components, Render Props \u0026 More\n- Applied To A **Demo Project**\n\n**What Are Compound Components?**\n\n**Multiple components** that don’t work standalone but instead **together**\n\n[Compound Components](https://www.canva.com/design/DAGYYDdeNbo/jOkA9Fxt0ulumhKeC_kY8g/view?utm_content=DAGYYDdeNbo\u0026utm_campaign=designshare\u0026utm_medium=link2\u0026utm_source=uniquelinks\u0026utlId=h25c0223ff0)\n\n[Compound Components In React — Smashing Magazine](https://www.smashingmagazine.com/2021/08/compound-components-react/)\n\n**What Are “Render Props”?**\n\nPassing a **function as a value** for the **children** prop\n\n[Render Props](https://www.canva.com/design/DAGYYja_kZc/XY_k1K5bQxxYCxNwXBAIqg/view?utm_content=DAGYYja_kZc\u0026utm_campaign=designshare\u0026utm_medium=link2\u0026utm_source=uniquelinks\u0026utlId=hf44c75684d)\n\n**Debouncing**\n\n[Debounce - MDN Web Docs Glossary: Definitions of Web-related terms | MDN](https://developer.mozilla.org/en-US/docs/Glossary/Debounce)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fselmasaltik%2Freact-patterns-and-best-practices","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fselmasaltik%2Freact-patterns-and-best-practices","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fselmasaltik%2Freact-patterns-and-best-practices/lists"}