Slide 1
Slide 1 text
Arquitetura Front-end
Slide 2
Slide 2 text
Problemas
• Descentralização do Back-end
• Manipulação de dados na camada de visualização
• Criação de toda a arquitetura do redux
• Complexidade / Comportamentos não previstos no
redux
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
Repository pattern
const formatValuesToApp = (values: TAtividades) => ({
...values,
ano: parseInt(values.ano),
data: formatDateToApp(values.data),
anexos: values.anexos.map(a => a.id)
})
export const getAtividade = async () => {
const response = await invitationMirrorApi.
getBalance()
const formatData = formatValuesToApp
(response.data)
mutate('/professor/classes'
, formatData, false
)
return formatData
}
Slide 5
Slide 5 text
Soluções
• Centralização do Back-end
• Camadas responsáveis
• Redux para estados globais
• Arquitetura global na empresa
Slide 6
Slide 6 text
No content