React.js 例外処理の設計

登壇資料:
エンジニア達の「完全に理解した」Talk　#55
https://easy2.connpass.com/event/323524/presentation/

React.js 例外処理の設計1（捕捉して変換する）:
https://zenn.dev/rsugi/articles/7778f06b30f728

React.js 例外処理の設計2 (画面に表示する):
https://zenn.dev/rsugi/articles/d5dd11f3150eae

Transcript

1. React.js 例外処理の設計 React.js 例外処理の設計 by r-sugi 1
2. 自己紹介 フリーランスエンジニア 5年目 React.js 例外処理の設計 by r-sugi 2
3. 今回のアジェンダ フロントエンドの例外処理、どうしてますか？ 解決案を 1つ提示するので、みんなであれこれ議論したい React.js 例外処理の設計 by r-sugi 3
4. 例外発生したらどうするんだっけ？ 画面に表示する (ユーザーに自力復帰や回避を促す ) ログ出力 (不具合修正時にヒントになる ) アラートする（クリティカルな問題発生を検知する） React.js 例外処理の設計 by r-sugi 4
5. 投稿済の記事 React.js 例外処理の設計 by r-sugi 5
6. 場当たり的な例外処理 React.js 例外処理の設計 by r-sugi 6
7. 改善過程 (1/4) パターンを洗い出す React.js 例外処理の設計 by r-sugi 7
8. React.js 例外処理の設計 by r-sugi 8
9. 改善過程 (2/4) 例外の種類を理解する React.js 例外処理の設計 by r-sugi 9
10. 改善過程 (3/4) 例外の種類ごとに対応方法 を決める React.js 例外処理の設計 by r-sugi 10
11. 改善過程 (4/4) プログラムで表現する React.js 例外処理の設計 by r-sugi 11
12. まとめ 例外の種類（検査 /非検査、業務 /システム）を分類する 例外の種類 x ユースケースに応じて、下記の指定ができる 通知方法を指定し、ユーザーへ通知できる ログレベルを指定し、ログ出力できる アラート要否を指定し、アラートできる React.js 例外処理の設計 by r-sugi 12