---
# System prepended metadata

title: 'Session Six: Checkin | Web'

---

# 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".











