コンポーネント設計の学び方をわかりやすく説明する

コンポーネント設計の学び方をわかりやすく説明するコンポーネント設計の学び方をわかりやすく説明する by r-sugi 1

自己紹介フリーランスエンジニア 5年目コンポーネント設計の学び方をわかりやすく説明する by r-sugi 2

投稿済の記事 what コンポーネント設計の学び方とは？ how 有名ライブラリを真似しよう！コンポーネント設計の学び方をわかりやすく説明する by r-sugi 3

記事の一部抜粋コンポーネント設計の学び方をわかりやすく説明する by r-sugi 4

今回のアジェンダ what コンポーネント設計で悩んだらどうするか？ how 有名ライブラリを真似しよう！ Why なぜこのアプローチをとるのか？コンポーネント設計の学び方をわかりやすく説明する by r-sugi
5

なぜこのアプローチをとるのか？ (1/3) レビュイー（意識高い）レビュワーからコメントもらったら改善したい！既存のコードを参考にした、レビュー OKなはず！ ↓ レビュワーライブラリを使ったことはあるけど、フロントエンド分からん（興味もない）
既存のコードと同じ感じだし、表示が問題ないから Approve! 問題点「業務経験量の割に、コンポーネント設計の力は伸びていかない (ことに気づかない )」コンポーネント設計の学び方をわかりやすく説明する by r-sugi 6

なぜこのアプローチをとるのか？ (2/3) レビュイーこのタスクは早めに終わらせたい既存のコードに寄せとけばレビュー OKなはず！ ↓ レビュワー（意識高い） (ベストプラクティスとか知らんけど )オレ的に
OK! 問題点「現場のソースコードからオレオレベストプラクティスを身につける」コンポーネント設計の学び方をわかりやすく説明する by r-sugi 7

なぜこのアプローチをとるのか？ (3/3) レビュイー「今回は Material UIの XXXコンポーネントを参考にしています」 ↑↓ レビュワー「この
Material UIの XXXコンポーネントを参考に命名規則や I/Fを寄せよう」メリット「レビューの基準が明確」「ライブラリから学ぶ (ように意識する /してもらう )」コンポーネント設計の学び方をわかりやすく説明する by r-sugi 8

まとめ what コンポーネント設計の学び方とは？ how 有名ライブラリを真似しよう！ Why なぜこのアプローチをとるのか？「レビューの基準が明確」「ライブラリから学ぶ (ように意識する
/してもらう )」コンポーネント設計の学び方をわかりやすく説明する by r-sugi 9

コンポーネント設計の学び方をわかりやすく説明する

コンポーネント設計の学び方をわかりやすく説明する

r-sugi

More Decks by r-sugi

Featured

Transcript