PLAY PODCASTS
Component composition with Dominik Dorfmiester

Component composition with Dominik Dorfmiester

In this episode, Dominik Dorfmeister, TanStack maintainer, joins us to discuss component composition in React. He discusses breaking components apart, managing conditional rendering, and the benefits of early returns in improving code readability and maintainability.

PodRocket

October 24, 202419m 3s

Audio is streamed directly from the publisher (dts.podtrac.com) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.

Show Notes

In this episode, Dominik Dorfmeister, TanStack maintainer, joins us to discuss component composition in React. He discusses breaking components apart, managing conditional rendering, and the benefits of early returns in improving code readability and maintainability.

Links

https://tkdodo.eu/blog/component-composition-is-great-btw
https://tkdodo.eu/blog
https://github.com/TkDodo
https://www.dorfmeister.cc
https://x.com/TkDodo
https://www.linkedin.com/in/dominik-dorfmeister-8a71051b9

We want to hear from you!

How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?

Let us know by sending an email to our producer, Emily, at [email protected], or tweet at us at PodRocketPod.

Follow us. Get free stickers.

Follow us on Apple Podcasts, fill out this form, and we’ll send you free PodRocket stickers!

What does LogRocket do?

LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understanding where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr)

Special Guest: Dominik Dorfmeister.

Topics

component compositionReactcomponentschildrenpropsselect componentoptionslabelvaluerenderstatelogical flowbusiness logicternariesconditional renderingJSXexpressionsJavaScriptearly returnTypeScriptpatternscode complexityabstractionrefactoringcognitive loadReact querystatic childrenrendering conditionsqueryReact componentsnested ternarycognitive overheadviewpointuser perspectiveReact docsmock uphooksReact component statesmarkupif statementJavaScript proposaldo expressionsloading stateerror statedata stateempty stateoutput visibilitymaintenancecode reviewchallengessolutions