Evolving patterns in react

Alex Moldovan

@alexnmoldovan

Engineering Manager @ Fortech

Co-Founder @ JSHeroes

medium.com/@alexnm

An overview of today

• Advanced Component Design
• Stateless vs Pure Components
• Having Fun with Props
• Reusing and Composing in React
  • Higher Order Components
  • RenderProps
• Provider Consumer Pattern

React Recap

props / state

lifecycle hooks

jsx is just code

Advanced component design

"Advanced" component design

github.com/alexnm/react-patterns-workshop

conditional rendering

class properties

curried event handlers

stateless component

Pure component

having fun with props

destructuring props

children props

pass-through props

hidden props

reusability

mixins

higher order components

render props

Provider pattern

React context

new 16.3 api

Thank you! Questions?

Alex Moldovan

@alexnmoldovan

Engineering Manager @ Fortech

Co-Founder @ JSHeroes

medium.com/@alexnm