RRU 003: Advanced Component Patterns and Downshift with Kent C Dodds

Panel:

• Charles Max Wood
• Nader Dabit
• Kent C Dodds
• Cory House

In this episode of React Round Up, the panel discusses advanced component patterns and Downshift. They talk about different component patterns, especially render prop patters, and the fact that Downshift allows for your components to be much more useful generally for more people. They also note that the render prop patterns can help to separate logic from view, which makes things easier to develop. In particular, we dive pretty deep on:

• Component patterns
• Downshift
• Egghead course
• What makes it advanced?
• Requires taking a step back and think about your components a little differently
• Is there a React Native version?
• React
• Render prop patterns
• Code abstraction or code re-use
• Why Downshift is powerful
• Can use regular HTML and CSS with Downshift
• Allows you to be in charge of rendering
• What other places is the render prop pattern useful?
• What is the benefit of using a react component over a JS component?
• Awesome React Render Props GitHub Repo
• Downshift is highly accessible
• jQuery UI
• @MarcySutton
• Render props reduce the amount of opinion that component has
• Choosing render props gives the consumer more power as well as more responsibility
• Render props are best used with open source projects
• And much, much more!

Links:

• React Dev Summit
• Downshift
• Egghead Course
• React Native
• React
• Awesome React Render Props GitHub Repo
• jQuery UI
• @MarcySutton
• Kent’s GitHub
• Kent’s Website (with links to courses)

Picks: Charles

• Kent’s blog
• Hogwarts Battle Board Game
• Take time to write leisure code
• Sign up for React Dev Summit with code KentCDodds for 10% off

Cory

• Manorisms YouTube Videos

Kent

• React Component Component
• Winamp2-js
• His Newsletter
• Beyond React 16 by Dan Abramov

Special Guest: Kent C. Dodds.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.