Angularコーディングスタイルガイドはいいぞ

Angularコーディングスタイルガイドはいいぞ TechBrew 〜一杯のお酒で繋がるエンジニアたち〜@福岡 #2 @puku0x Noriyuki Shinpuku

@puku0x 2

@puku0x 3 FindyはReactを使っています

@puku0x 4 今日はAngularの話をします

@puku0x 5

@puku0x 6 自由に作っていいよ

@puku0x 7 React以外は知らんけど

@puku0x 8 おすすめのディレクトリ構成は？

@puku0x 9 https://ja.legacy.reactjs.org/docs/faq-structure.html

@puku0x 10 おすすめの命名規則は？

@puku0x 11 自由にやっていいよ知るか自分で考えろ

@puku0x 12 Reactのオピニオンは最小限

@puku0x 13 ※それでも決めないといけないリードの皆さん

@puku0x 14 https://angular.jp/guide/styleguide

@puku0x Angularコーディングスタイルガイド 15 • 1ファイル400行まで • 7ファイル以上はディレクトリを切る • ファイル名はケバブケースに統一 •
ファイルの命名規則は <feature>.<type>.ts ：

@puku0x 実際にやってみた 16 • 名前で悩まない ◦◦.component.tsx, △△.container.tsx function XxxComponent() {...},
function XxxContainer() {...} • 検索しやすい拡張子でフィルタをかけやすい

@puku0x コミュニティの知見も活用 17 • Container Component層のロジックのHooks → Facade https://thomasburlesonia.medium.com/ngrx-facades-better-state-management-82a04b9a1e39 •
Presentational Component層のロジックのHooks → Presenter https://dev.to/this-is-angular/model-view-presenter-with-angular-533h

@puku0x 18 意外と良いかも

@puku0x オープンマインドでいきましょう 19

@puku0x Angularコーディングスタイルガイドはいいぞ @puku0x Noriyuki Shinpuku

Angularコーディングスタイルガイドはいいぞ

Angularコーディングスタイルガイドはいいぞ

puku0x

More Decks by puku0x

Other Decks in Technology

Featured

Transcript