# Session Six: Checkin | Web

Autora: Isabela Silva Sousa

[toc]

# React

## Como costumizar os componentes que estamos criando ?

>[color=purple]
>- **Criar** um componente
>- **Criar** uma função
>- **Exportar** a função de forma **default**
>- **Importar** o react para **transforma** uma função em **componente**

>[color=black]
>**exemplo**

>[color=black]
>Também é possível reaproveitar os componentes
>**exemplo**

## Como categorizar melhor os nossos componetes
>[color=black]

>[color=purple]
>Para não ficar repetitivo mudamos/renomeamos o componente para se chamar "index", e por padrão o index consegue reconhecer automaticamente.

>[color=black]
>Porem o index tem uma caracteristica em especial; quando colocamos somente o nome da pasta ele automaticamente vai procurar qualquer arquivo que se chame "index", e por esse motivo não é necessario escrever no código html o "./index".