Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Arquitetura_Front-end.pdf

 Arquitetura_Front-end.pdf

Tailo Mateus Gonsalves

February 04, 2021
Tweet

More Decks by Tailo Mateus Gonsalves

Other Decks in Programming

Transcript

  1. 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
  2. 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 }
  3. Soluções • Centralização do Back-end • Camadas responsáveis • Redux

    para estados globais • Arquitetura global na empresa