MERNスタック学習 51日目

MERNスタック学習の道のりも、51日目に到達しました。

昨日は基本的なホストの送信処理について学びました。今日は、プロダクションレベルのデータ同期へと進みました。IDベースの更新とリソースの削除に焦点を当てました。

大規模なアプリケーションでは、単にデータを追加するだけでは不十分です。編集や削除を行うには、特定のレコードを対象にする必要があります。今日は、このロジックをコントローラー層に組み込みました。

私の作業は、主に以下の2つのタスクに焦点を当てました:

  • URLパラメータから識別子を抽出すること。
  • クエリ変数を使用してインターフェースのモードを制御すること。

コントローラー内に編集用のルックアップ機能を構築しました。req.params.homeId を使用して正確なアイテムを特定し、また req.query.editing を使用してユーザーが編集モードを表示する必要があるかどうかを確認しました。

ワークスペースからのコード例:

const homeId = req.params.homeId; const editing = req.query.editing === 'true';

このプロセスにより、バックエンドはどのレコードを変更すべきかを正確に把握できます。また、フロントエンドに対してデータの表示方法を伝える役割も果たします。

出典: https://dev.to/ali_hamza_589ec7b3eb6688d/day-51-of-learning-mern-stack-22cn