Reactベストプラクティスの宝庫！「bulletproof-react」が勉強になりすぎる件

Reactアプリケーションのアーキテクチャの一例として公開されているGitHubリポジトリ「bulletproof-react」が大変勉強になるので、私自身の見解を交えつつシェアします。 ※2022年11月追記 記事リリースから1年ほど経過して、新しく出てきた情報や考え方を盛り込んだ続編記事を書いていただいているので、こちらも併せて読んでいただければと想います（@t_keshiさんありがとうございます！）。 ディレクトリ構造が勉強になる まずはプロジェクトごとにバラつきがちなディレクトリ構造について。 ソースコードはsrc以下に入れる bulletproof-reactでは、Reactに関するソースコードはsrcディレクトリ以下に格納されています。逆に言えば、ルートディレクトリにcomponentsやutilsといったディレクトリはありません。 たとえばCreate Next Appで作成

[diveintounlimit]

何かフロントエンド界隈っていっつもディレクトリ構成の話してるね。

[mayumayu_nimolove]

“なんかフロントエンド界隈っていつもディレクトリ構成の話してるね” 1年前も思った。

[rakk]

フォルダ構成

[akymrk]

“react-helmetとかはほぼメンテ止まっててreact-helmet-asyncのほうがいいはず”"const Maybe = ({ test, children }) => <>{test && children}</>;"

[internetkun]

何回流行るんだと言っている人はもしかしてこの記事の公開日が「2021/11/08」なのを見落とされていますか？

[ed_v3]

bulletproof-react何回流行るんだよｗ

[yasu-log]

メモ：コンポーネント名はfunction関数宣言みたい https://github.com/alan2207/bulletproof-react/blob/master/docs/components-and-styling.md

[yarumato]

“ソースコードはsrc以下に入れる。ディレクトリ構造で面白いのはfeaturesディレクトリ。コンポーネント設計が勉強になる。エラーハンドリングが勉強になる”

[shingo-sasaki-0529]

ディレクトリ構造は Next に引きずられちゃうけど、features で分けるのは一度やってみたいなぁ。「機能」ってなんだ？ってなりそうだけど。

[carolina04]

“featuresディレクトリを切ることで、機能別にcomponentやAPI、Hooksなどを管理できます。つまり、機能ごとにAPIがあるならAPI用のディレクトリを切ればいいし、無いならなくてよいというように柔軟に管理できます。”

[biwakonbu]

へぇー。後で見てみよ。

[nilab]

Reactベストプラクティスの宝庫！「bulletproof-react」が勉強になりすぎる件

[gossipgadget]

“面白い”

[monomoti]

毎度ありがとうございます。

[t1mvverr]

ブクマ検索して使いそう

[ikkitang1211]

ふむふむ

[cuttoff19]

今までほうぼうで言われてたことをまとめてみました感ある。

[ys0000]

Reactを本格的に手を出すようになったら読みたい。

[jay-es]

https://github.com/alan2207/bulletproof-react の解説+α

[roshi]

参考になる。

[j1nsuke]

あとたでよむ