https://github.com/friedrith/react-composition
How to manage composition in React
https://github.com/friedrith/react-composition
craftsmanship meetup react talk
Last synced: 11 months ago
JSON representation
How to manage composition in React
- Host: GitHub
- URL: https://github.com/friedrith/react-composition
- Owner: friedrith
- License: mit
- Created: 2023-07-25T10:57:17.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2025-02-27T16:07:59.000Z (over 1 year ago)
- Last Synced: 2025-06-02T08:18:17.147Z (about 1 year ago)
- Topics: craftsmanship, meetup, react, talk
- Language: TypeScript
- Homepage: https://friedrith.github.io/react-composition/
- Size: 13.8 MB
- Stars: 9
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
This is a demo project to show how to use composition pattern in React. It is part of a speech at the [React & React Native MTL Monthly Meetup](https://www.meetup.com/react-mtl/events/294497412/) of November 2023.
## Getting started
```bash
pnpm install
pnpm dev
```
## Versions
Several versions of this project are available:
- [First version](https://github.com/friedrith/react-composition/tree/react-montreal-meetup) presented at the [React & React Native MTL Monthly Meetup](https://www.meetup.com/react-mtl/events/294497412/) of November 2023.
- [Second version](https://github.com/friedrith/react-composition/master) presented at the [Confoo Conference](https://confoo.ca/en/2025) of February 2025.
## License
Distributed under the MIT License. See [LICENSE](./LICENSE) for more information.
## Acknowledgements
- [React](https://reactjs.org/)
- [Tailwind](https://tailwindcss.com/)
- [Headless UI](https://headlessui.dev/)
- [Github Actions](https://github.com/features/actions)
- [Neumorphism](https://neumorphism.io)
- [cloneElement](https://react.dev/reference/react/cloneElement)
