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

Evolving Patterns in React

By Alex Moldovan

Evolving Patterns in React

  • 804