daianaszwimer / wwcba-workshop-solution

1 stars 0 forks source link

Forma alternativa de declarar componentes #7

Open marbiano opened 3 years ago

marbiano commented 3 years ago

La propuesta tiene que ver con que quien este aprendiendo pueda ver de manera mas rapida que un componente de React no es mas que una simple funcion, que toma props y devuelve un render.

Para eso, propongo cambiar este tipo de definicion:

const Home = () => {
    ...
}

por esta:

function Home() {
    ...
}

La arrow function asignada a una constante se popularizo con la venida de Typescript pero a mi siempre me parecio rara, porque hace al componente mas dificil de entender. En cambio como funcion a secas es como mucho mas clara de explicarla.

Como bonus extra, componentes en el mismo file declarados como funciones son independientes de su orden.