Post no Medium sobre Composição básica de componentes

App.js

import React, { Componente } from 'react';
import LikeButton from './likeButton';
import DeslikeButton from './deslikeButton';

class App extends Component {
 
 render () {
  return (
    <div>
      <LikeButton />
      <DeslikeButton />
    </div>
  )
   
 }

}

button.js

import React from 'react';

const Button = ({children, handleClick}) => (
 <button onClick={handleClick}>
  {children}
 </button> 
);
export default Button;

deslikeButton.js

import React from 'react';
import Button from './button'

const DeslikeButton = () => (
  <Button handleClick={() => alert(‘You Deslike It’)}>Descurtir</Button>
 );

likeButton.js

import React from 'react';
import Button from './button';

const LikeButton = () => (
   <Button handleClick={() => alert(‘You Like It’)}>Curtir</Button>
 );
export default LikeButton;