271. Error Handling & UX
Jul 21, 2026 06:07
· 2:07
· English
· Whisper Turbo
· 2 Oradores
Esta transcrição expira em 7 dias.
Atualização para armazenamento permanente →
A mostrar apenas
0:01
S…
Speaker 1 (271. Error Handling & UX)
That is error handling and what you can do,
0:04
S…
Speaker 1 (271. Error Handling & UX)
some ideas on how to get started with error handling.
0:07
S…
Speaker 1 (271. Error Handling & UX)
For the moment,
0:08
S…
Speaker 1 (271. Error Handling & UX)
I'll switch this rule back to true so that we can work with the data again,
0:12
S…
Speaker 1 (271. Error Handling & UX)
but it is worth keeping these concepts,
0:16
S…
Speaker 1 (271. Error Handling & UX)
these ideas in mind because it can be very helpful and will definitely
0:20
S…
Speaker 1 (271. Error Handling & UX)
improve the experience users have on your webpage if you properly
0:24
S…
Speaker 2 (271. Error Handling & UX)
handle errors.
0:26
S…
Speaker 1 (271. Error Handling & UX)
Speaking of handling errors,
0:27
S…
Speaker 1 (271. Error Handling & UX)
one last thing we could do here in our alert,
0:30
S…
Speaker 1 (271. Error Handling & UX)
of course,
0:31
S…
Speaker 1 (271. Error Handling & UX)
we could also add a button where we
0:38
S…
Speaker 2 (271. Error Handling & UX)
say, okay,
0:38
S…
Speaker 1 (271. Error Handling & UX)
or anything like this.
0:39
S…
Speaker 1 (271. Error Handling & UX)
And this is simply there for the user to get rid of that error message where we then
0:43
S…
Speaker 1 (271. Error Handling & UX)
trigger on handle error.
0:46
S…
Speaker 1 (271. Error Handling & UX)
And now in that method in the app component,
0:51
S…
Speaker 1 (271. Error Handling & UX)
let's add.
0:54
S…
Speaker 1 (271. Error Handling & UX)
On handle error and there I simply set error back to null and
0:58
S…
Speaker 1 (271. Error Handling & UX)
this will get rid of this error alert as well Now to see that I
1:02
S…
Speaker 1 (271. Error Handling & UX)
will indeed quickly switch back to false here again so
1:07
S…
Speaker 1 (271. Error Handling & UX)
that we can get an error
1:09
S…
Speaker 1 (271. Error Handling & UX)
So let's fetch pose.
1:10
S…
Speaker 2 (271. Error Handling & UX)
Here's the error.
1:11
S…
Speaker 2 (271. Error Handling & UX)
Let's take OK.
1:12
S…
Speaker 1 (271. Error Handling & UX)
Now we get rid of that.
1:13
S…
Speaker 1 (271. Error Handling & UX)
Now we see loading again.
1:15
S…
Speaker 1 (271. Error Handling & UX)
And that, of course,
1:16
S…
Speaker 1 (271. Error Handling & UX)
should also not be the case.
1:17
S…
Speaker 1 (271. Error Handling & UX)
And indeed,
1:18
S…
Speaker 1 (271. Error Handling & UX)
the right thing to do would be to reset this
1:22
S…
Speaker 1 (271. Error Handling & UX)
is fetching property whenever we get an error as well.
1:26
S…
Speaker 1 (271. Error Handling & UX)
Because even if we have an error,
1:28
S…
Speaker 1 (271. Error Handling & UX)
we are definitely not fetching data again.
1:30
S…
Speaker 1 (271. Error Handling & UX)
So setting is fetching to false here in the error use case
1:35
S…
Speaker 1 (271. Error Handling & UX)
when we subscribe is the right thing to do.
1:38
S…
Speaker 1 (271. Error Handling & UX)
Because even with an error,
1:39
S…
Speaker 1 (271. Error Handling & UX)
you're not fetching data anymore.
1:40
S…
Speaker 1 (271. Error Handling & UX)
So that state definitely changed and therefore it should be reflected in
1:44
S…
Speaker 1 (271. Error Handling & UX)
the UI too and in your data too.
1:47
S…
Speaker 1 (271. Error Handling & UX)
So now if this changed,
1:48
S…
Speaker 2 (271. Error Handling & UX)
here's the error.
1:50
S…
Speaker 1 (271. Error Handling & UX)
And if we handle this,
1:51
S…
Speaker 1 (271. Error Handling & UX)
we just see no posts available,
1:52
S…
Speaker 1 (271. Error Handling & UX)
which makes more sense than loading,
1:54
S…
Speaker 1 (271. Error Handling & UX)
I guess.
1:54
S…
Speaker 1 (271. Error Handling & UX)
So with that out of the way,
1:56
S…
Speaker 1 (271. Error Handling & UX)
however, let's now really switch this back to true.
1:59
S…
Speaker 1 (271. Error Handling & UX)
And now we have an error handling strategy that is very basic,
2:03
S…
Speaker 1 (271. Error Handling & UX)
but a good start.
Essa transcrição foi gerada pela IA (reconhecimento automático de fala). Pode conter erros — verificar contra o áudio original para uso crítico. Política de IA
Resumo
Clique em Summarize para gerar um resumo de IA desta transcrição.
Resumindo...
Pergunte à IA sobre este Transcrito
Pergunte qualquer coisa sobre esta transcrição — a IA vai encontrar seções relevantes e resposta.