「React Tokyo ミートアップ #12」に参加してきました

勉強会メモ

感想

  • ディスカッションや交流が多めのイベントで今回が2回目の参加でした
  • 最近Nextをさわる時間が増えたので周りの意見が聞けて有意義でした
  • 会話しやすい空気感なのでまた参加したいです

読みやすいコードとはなにか？

じょうげんさん

  • co-location
    • 関連するコードを近くに集める
    • 技術レイヤーごとにフォルダがわからていると処理を追う時に飛び回らないといけない
    • 近くにまとめるとディレクトリを分けなくてよくなりネストも小さくなる
    • 同じファイルにまとめてしまうという選択もある
    • コンポーネントの関数内にuseCallbackで定義してしまう案もある
  • なぜコードを遠ざけるか
    • 整理されてるように見える
    • 過去の慣習
  • ファイル内での宣言
    • 上から下へ読めるように
    • メインの処理が最後にあると読みづらい
  • 脳のリソースを意識する
    • 記憶して読んでいかないといけないのはつらい
    • 正常系は最後に