クリーンなReactプロジェクトの21のベストプラクティス - Qiita

コード品質向上のための実践的アドバイス Photo by Diana Polekhina on Unsplash. はじめに Reactは、構成の方法について特に決まりがありません。まさにこれが理由で、プロジェクトをクリーンで保守可能な状態に保つことは、私たちの責任なのです。 今日は、Reactアプリケーションの状態を改善するために従うべきベストプラクティスについて説明します。これらのルールは広く受け入れられているため、この知識を持つことは必須です。 すべてコードで示します。さあ始めましょう！ 1. JSXの省略形を使用する ブール変数の受け渡しには、JSXの省略形を使うようにしましょう。例えば、Navbarコンポーネントのタイトルの可視性を制御するとします。 悪い例

[Error401]

うーん、元記事の筆者、いろんな所からチョイパクして「○○ best practice for △△」的な記事を量産してる感があるな。今回の記事だと、元ネタ読んだ方が良いかも https://github.com/airbnb/javascript/tree/master/react

[d4-1977]

暗黙の戻り値の事について、そういえばそうだったと思いました

[Keisuke69]

当たり前の話もあるし、微妙な気が

[cloverstudioceo]

なんか全体に漂うレベル低い感。。。。こんなんなんで上がってんのよ。

[Rishatang]

ひどいな…「4.フラグメントを使用する」はそもそもコードの意味が変わってるし…

[murlock]

ツギハギだからJSXからJSコードを無くしたい割にJSX内のJSコードの引用符の規約決めたがったりチグハグになるのか

[hachibeechan]

ただのショートコードで全く本質的じゃない。こういうのをありがたがるのはReactにとって有害ですらある

[fukken]

boolean属性のshorthandは初めて知った、地味に便利だ