タグ

ブックマーク / qiita.com/marl0401 (2)

  • 【React・TypeScript】レビューに出す前に気をつけること - Qiita

    はじめに ReactNext.jsフロントエンドを実装しています。 見た目部分のデザイン面のコーディングを主に担当しています。 今回は実際最近いただいたレビューから、今後気をつけたいこと注意するべき視点をまとめました。 1.コンポーネントの分け方・設計の観点で気をつけること コンポーネントの分け方は適切か コンポーネントは1つの責任を持つように設計されているか 各コンポーネントの責任と役割が分かりやすく設計されているか before export const Sample: FC = () => ( <DesignSetCondition value="test"> <Section> <div> <p></p> . . . </div> </Section> </DesignSetCondition> )

    【React・TypeScript】レビューに出す前に気をつけること - Qiita
  • 【React】Reactで破壊的メソッドを使うことは良くない - Qiita

    Reactでは破壊的メソッドの使用は推奨されていません。 破壊的メソッドとは 破壊的なメソッドとは、オブジェクトや配列などのデータ構造を変更する操作を指します。これらのメソッドは、元のデータ構造を直接変更し、新しいデータ構造を返さないことが特徴です。そのため、元のデータが変更される可能性があります。 破壊的なメソッド: push()、pop()、shift()、unshift()、splice()など 非破壊的メソッドとは 非破壊的なメソッドは、元のデータ構造を変更せず、新しいデータ構造を返す操作です。元のデータは変更されず、変更されたコピーが返されます。 非破壊的なメソッド: slice()、concat()、map()、filter()など 破壊的メソッドを使ってはいけない理由 Reactはコンポーネントの再レンダリングを行う際に、参照の変更を検知して効率的な更新をいます。 破壊的メソ

    【React】Reactで破壊的メソッドを使うことは良くない - Qiita
  • 1