Simply React

One of the things I love about React is how easy it is to encapsulate UI code into a component. I love this because it makes reuse of those components easy. But is it simple? I've made my fair share of components that had to accept a bunch of props to handle a growing list of different use cases resulting in a complex render function full of conditional statements and a confusing API for people using this "reusable" component. Eventually it becomes too much and I had to make a new version of the same component to handle slightly different use cases. Lots of code/bug duplication there because my reusable component wasn't reusable enough. It wasn't simple enough.

There are patterns that have emerged in React that allow you to promote code reuse without sacrificing the simplicity or flexibility of the component. In this talk we’ll cover some of these patterns that will make your React components more useful.

EVENT:

Chain React 2018

SPEAKER:

Kent C. Dodds

PERMISSIONS:

Conference Organizer provided Coding Tech with the permission to republish this video. The video is reposted with permissions of Infinite Red. Check out their web-site at https://infinite.red. Infinite Red is the development studio that specializes in web and mobile design and development in React Native, Elixir, Phoenix, and Ruby on Rails.

CREDITS:

Original video source: https://www.youtube.com/watch?v=M9X2qGddHkU