It’s finally happened: your React project has grown from fledgling side-hobby into serious web application! Will your architecture hold up to your project’s new found scale, or will you let it become an incomprehensible jumble of tangled wires?
Come learn simple, practical, and tangible patterns for making your current (and next) React application more composable, easier to reason about, and just overall more pleasurable to work with!
To introduce junior and intermediate developers to advanced react patterns that they can practically start using now.
Junior and intermediate React developers
Assumed Audience Knowledge
Intro-to-mid level experience with React
Late Beginner / Intermediate
Five Things Audience Members Will Learn
The higher order component pattern
The render props pattern
React’s new context API
The compound component pattern
New React features: error boundaries and portals
Why render props are so
- Self document incredibly well
- Separate presentation from logic
- Decrease code duplication
- Abstract away logic
When to use them
- Don’t start with a render prop. Start simple,
- Share logic between components but not UI
- Other developers to re-use your code
- Defer rendering UI to a later date
- Dealing with common states/events in