Componentes funcionais e stateful

O que é um componente funcional?

Um componente funcional (também conhecido como stateless component ou componente sem estado) é aquele que é definido através uma função pura.

Se seu componente não precisa manter estado, uma excelente opção é definí-lo como um componente funcional.

const Header = (props) => (<View>{props.title}</View>)

Observe que este componente não mantém estado assim como não possui métodos de ciclo de vida . Este componente pode ter seus .propTypes e .defaultProps.

Sempre que possível, utilize componentes funcionais - isso é considerado uma boa prática.

O que é um componente stateful?

Componente stateful (ou class component) é aquele que é definido através de uma classe, geralmente possui estado e pode utilizar métodos do ciclo de vida de componente.

class Hello extends React.Component {
    constructor(props) {
        super(props);
    }
     
    render() {
        return (
            <View>Hello {props}</View>
        )
    }
}