https://github.com/ofhouse/react-patterns

Pattern library for React
https://github.com/ofhouse/react-patterns

codesandbox learning-by-doing patterns react typescript

Last synced: about 1 month ago
JSON representation

Pattern library for React

• Host: GitHub
• URL: https://github.com/ofhouse/react-patterns
• Owner: ofhouse
• License: mit
• Created: 2018-09-14T15:44:27.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-05-12T16:59:00.000Z (almost 5 years ago)
• Last Synced: 2025-02-28T05:21:02.182Z (2 months ago)
• Topics: codesandbox, learning-by-doing, patterns, react, typescript
• Language: TypeScript
• Homepage: https://codesandbox.io/s/github/ofhouse/react-patterns
• Size: 365 KB
• Stars: 3
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React Patterns

In this repository I collect patterns which I found useful when programming with [react](https://reactjs.org/) and [typescript](https://www.typescriptlang.org/).

Some of them are basic implementations of well known patterns rewritten for react usage and some are new pattern which I found on the internet.

Please checkout the README for every pattern to see where I found it.

You can check this project out directly on [CodeSandbox](https://codesandbox.io/s/github/ofhouse/react-patterns). Enjoy! 🤗

## Contents

### Game Programming Patterns

_These are patterns which are derived from the example implementations from the book [Game Programming Patterns](https://gameprogrammingpatterns.com/)._



  
Command pattern

  
Observer pattern



### Other patterns

_These are patterns which I found useful in private or commercial projects_



  
Accordion pattern

  
React.useContext pattern



## Author

| [
Felix Haus](https://github.com/ofhouse)
[Website](https://felix.house/) • [Twitter](https://twitter.com/ofhouse)|

| :---: |

## License

MIT - see [LICENSE](./LICENSE) for details.