リファクタリング

フロントエンドをユニットテストでリファクタリングする例

概要 自分が業務でよく使う、テストのない.tsxファイルなどを処理を関数で切り出し、jestでリファクタリングする手順をメモします。 リファクタ前のコード 以下は日付のフォームとバリデーション処理です。 処理はtsxに書かれていてテストはありません。 日…

DBの値をフロントエンドやバックエンドで定数として扱う際のリスクと改善策

概要 今まで、DBの値をFrontendで定数として持って使うケースや、テーブル更新のコストが高いと判断してBackendで値を保持・運用するケースをたまに見てきました。 もちろん軽量なプロジェクトやプロトタイプの製作では有効な場合もありますが、保守性や変更…

CallBackのネスト地獄をasync/await でリファクタリングするメモ

リファクタリング対象コード anyMethoid(){ this.returnPromiseMethod1().then(result1 => { if (result1.data) { // result1を取得してからしたい何かの処理... this.returnPromiseMethod2().then(result2 => { if (result2.data) { // result1とresult2を…