Aula 36
Removemos o setTimeout e Revisamos o wireframe
Summary
# Resumo do Vídeo
No vídeo anterior, foi resolvido o problema de atualização da interface após a criação ou exclusão de um post. O desafio estava relacionado ao fato de que a requisição HTTP nem sempre retornava imediatamente, especialmente após a troca de cena, além de que o estado da cena não era atualizado corretamente.
## Problemas Identificados
- A interface não atualizava devido à ausência de atualização do estado utilizado pela cena.
- O uso de `setTimeout` foi ilustrado para demonstrar a falha na atualização.
## Correções Realizadas
- Remoção dos `setTimeout` que eram utilizados para o debounce, pois o problema foi corrigido.
- No evento de criação de novo post (`on ok press`).
- Na edição de post (`on delete` e no `post edit`).
## Funcionalidade do Aplicativo
- O aplicativo começou como uma lista simples de posts.
- Cada post tem título e conteúdo, com páginas separadas para visualizar e editar posts.
- Implementação de um botão para criar novos posts, que inclui um formulário com opções de cancelar e confirmar.
- Ao criar ou editar posts, após sucesso, o usuário volta à lista de posts atualizada.
- Foi adicionado também um botão para deletar posts, que remove o post da lista e retorna à tela principal.
O aplicativo agora está funcionando corretamente tanto em iOS quanto em Android.
Video Transcript
No vídeo passado nós resolvemos o problema que a gente tinha da interface não ser atualizada
corretamente depois que nós criamos um post ou deletamos um post.
O problema era que o pedido HTTP às vezes só vinha depois de mudar a cena, certo?
E também tinha aquele problema da interface da cena não ser atualizada porque o estado não era atualizado.
Então a cena só vai atualizar se o estado atualizar, o estado que está sendo usado pela cena atualizar.
A gente nós ilustramos o problema usando o set time out do JavaScript para entender porque isso acontecia.
Se eu vou aqui não ver, cadê o post?
Post new.
A gente usou o set time out aqui e gostaria de removê-lo que a gente não precisa mais, já terminamos de fazer o debug
e corrigir esse problema. Então vou remover esse set time out.
Também tem outro no post edit, tá tudo ok?
No delete, on delete do post edit, tá bom? O deletal time out também.
Se ele não tem mais time out, não tem mais, ok?
Então no on delete press do post edit, não a gente não precisa mais de time out, terminamos de corrigir o problema.
E no post new, on ok press, removemos o set time out, certo?
Então aqui está o nosso aplicativo, ó, dando no iOS e no Android aqui, certo?
Vamos voltar aqui e dar uma revisada.
Então a gente começou muito tempo atrás, um aplicativo simples, uma lista de posts que quando clicava em um desses itens ia para a página de ver o post.
O post tem um título e um conteúdo, certo? Esse foi a da set introdução ao Redux.
Depois disso, com essa set, com Redux, nós adicionamos o botão de editar com a página para editar o post e também o botão novo que vai para a página de criar o novo post.
Então nós fizemos o novo post que tem o formulário, botão de cancelar, botão de ok, que quando o post é criado, volta para a lista de posts e o novo post é adicionado.
Na mesma maneira, muito o editar post, a gente reutilizou esse formulário que estava sendo usado no novo post e a gente autocompletou os campos de texto aqui, usando os detalhes do post que estava selecionado e a gente clicou o editar.
Adicionamos o botão de deletar post aqui para deletar o post e voltar para a lista de posts com o post deletado, removido da lista.
Tá bom?
Nenhum comentário ainda (loading...)
Nenhum comentário ainda (loading...)
Gostou da aula? 😆👍
Apoie nosso trabalho com uma doação: