Arquitetura_Front-end.pdf

Transcript

1. Arquitetura Front-end
2. 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
4. 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 }
5. Soluções • Centralização do Back-end • Camadas responsáveis • Redux para estados globais • Arquitetura global na empresa