開発の進め方に関する学習 about self-study

[Yuya-Furusawa]

大きいコンポーネントは分割しよう

大きいコーポーネントや大きい関数は可読性が下がる
→ メンテナンスがしにくい、他の人や未来の自分が読めなくなるなどのデメリット

基本的には「感覚で」大きいと思ったらコンポーネントを分けた方が良い
判断基準の一つ：２週間後の自分が読めるかどうか

コンポーネントを分割した場合、それぞれのコンポーネントを同一ファイルに記述するか、別のファイルに記述するか、のどちらかになる

別のファイルに記述するメリット
名前空間が別になる
別のファイルに記述するデメリット
めんどくさい、チェックしにくい（でも同じディレクトリならそのデメリットも小さい、巨大プロジェクトで遠くのディレクトリとかに入れるとしんどい）

でもそれは結局プロジェクト次第

[Yuya-Furusawa]

PredictionGeeks開発の手順（React開発）

• branch変更（branchで作業してmasterにPR、productionブランチは触らない）
  • branchの命名：[種類]/[front or back]/[内容]
  • 例：fix/frontend/character-size
• yarn dev → これで保存すればlocalhost3000でリアルタイムに変更確認可能
  • package.jsonがあるディレクトリで実行する
• 開発終了後、yarn lint yarn format yarn typecheckを叩いて、コードをチェック
• git add git commit git push してPRを送る

[Yuya-Furusawa]

Reactアプリ、フォルダ名・構成の変更

プロジェクトの名前変更

フォルダ名の変更＋package.jsonのnameを変更
参照：How can I change ReactJS Project (folder) name?