React 에러 처리, Boundaries 그리고 포인트

React Boundaries 라는 것은 선언형으로 전체 에러처리에 좋다. 그리고 react-

 

https://www.youtube.com/watch?v=hszc3T0hdvU 

 

react-error-boundary 라는 라이브러리를 추가로 사용해야 한다.

 

react-query 와 같은 api 단계의 에러 처리는 onError 부분에서 처리해주면 좋다.

 

react-error-boundary 를 사용한 React Boundaries 는 전체 에러 처리용. (앱 전체에 걸쳐 예기치 않은 에러 모두 포함)

api 단계의 에러처리 부분은 해당 부분 에러처리를 위한 것.

또한 api 부분 외에도 각 포인트 별로 에러처리가 필요하다면 적절한 곳에 포인트를 주면 된다.

 

Exception 와 Error State 는 다르게 취급되면 좋다. 물론 모두 Error 를 상속하여 모두 에러로 처리하여도 된다.