Skip to content

Instantly share code, notes, and snippets.

@tonymtz

tonymtz/composition over inheritance code example.jsx

Created June 1, 2020 23:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tonymtz/ff22d27744ed168975b28ff7247e94a0 to your computer and use it in GitHub Desktop.
Save tonymtz/ff22d27744ed168975b28ff7247e94a0 to your computer and use it in GitHub Desktop.
Download ZIP
Composition over inheritance code example
Raw
composition over inheritance code example.jsx
// Ugly way
const Text = () => {
// ... some implementation ...
}
class H1 extends Text {
// ... override some implementation ...
}
class H2 extends H1 {
// ... override some implementation ...
}
// Best way
const Text = () => {
// ... some implementation ...
}
const H1 = props => <Text tag="h1" {...props} />;
const H2 = props => <Text tag="h2" {...props} />;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment