https://github.com/selmasaltik/react-patterns-and-best-practices
React Patterns & Best Practices /// What I learned from "React - The Complete Guide 2024 (incl. Next.js, Redux) - Academind by Maximilian Schwarzmüller"
https://github.com/selmasaltik/react-patterns-and-best-practices
best-practices compound-components debouncing patterns react render-props
Last synced: 2 months ago
JSON representation
React Patterns & Best Practices /// What I learned from "React - The Complete Guide 2024 (incl. Next.js, Redux) - Academind by Maximilian Schwarzmüller"
- Host: GitHub
- URL: https://github.com/selmasaltik/react-patterns-and-best-practices
- Owner: selmasaltik
- Created: 2024-12-04T06:09:13.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-05T03:21:07.000Z (over 1 year ago)
- Last Synced: 2025-02-14T17:54:59.226Z (over 1 year ago)
- Topics: best-practices, compound-components, debouncing, patterns, react, render-props
- Language: JavaScript
- Homepage: https://react-patterns-and-best-practices.vercel.app
- Size: 1.19 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
***Exploring Advanced React Patterns & Repeating Key Best Practices***
- **Common Patterns & Practices**
- Compound Components, Render Props & More
- Applied To A **Demo Project**
**What Are Compound Components?**
**Multiple components** that don’t work standalone but instead **together**
[Compound Components](https://www.canva.com/design/DAGYYDdeNbo/jOkA9Fxt0ulumhKeC_kY8g/view?utm_content=DAGYYDdeNbo&utm_campaign=designshare&utm_medium=link2&utm_source=uniquelinks&utlId=h25c0223ff0)
[Compound Components In React — Smashing Magazine](https://www.smashingmagazine.com/2021/08/compound-components-react/)
**What Are “Render Props”?**
Passing a **function as a value** for the **children** prop
[Render Props](https://www.canva.com/design/DAGYYja_kZc/XY_k1K5bQxxYCxNwXBAIqg/view?utm_content=DAGYYja_kZc&utm_campaign=designshare&utm_medium=link2&utm_source=uniquelinks&utlId=hf44c75684d)
**Debouncing**
[Debounce - MDN Web Docs Glossary: Definitions of Web-related terms | MDN](https://developer.mozilla.org/en-US/docs/Glossary/Debounce)