Is inheritance in React components an anti-pattern?

Question

I asked another question that involved inheritance among React components. One answer stated that inheritance is counter-indicated for React components. I can construct examples where inheritance could add clarity and reduce code. Is inheritance an anti-pattern for React components? Why or why not?

What do you mean by inheritance? As in creating a class-based component and then have another component extend that? — SakoBu
– SakoBu, Commented Mar 24, 2019 at 20:20
Yes - Javascript (ES6) native class inheritance with extends — Laizer
– Laizer, Commented Mar 24, 2019 at 20:20
At Facebook, we use React in thousands of components, and we haven’t found any use cases where we would recommend creating component inheritance hierarchies. from: reactjs.org/docs/composition-vs-inheritance.html — SakoBu
– SakoBu, Commented Mar 24, 2019 at 20:23
@SakoBu That link is very helpful. Thank you. Care to make it an official answer? — Laizer
– Laizer, Commented Mar 24, 2019 at 20:31
You will find this post by Dan Abramov, one of the co-creators of React very enlightening — ManavM
– ManavM, Commented Mar 24, 2019 at 20:32

SakoBu · Accepted Answer · 2019-03-24 20:38:36Z

2

A common question from developers coming from an OOP background... Here is a link from the official docs that clearly explains why composition is preferred over inheritance:

https://reactjs.org/docs/composition-vs-inheritance.html

answered Mar 24, 2019 at 20:38

SakoBu

4,0311 gold badge18 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Is inheritance in React components an anti-pattern?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related