Closed1
コンポーネントの分割粒度や方法などを考える
Components
用途別に部品(component)を格納するディレクトリ
componentの分け方は下記を参考に検討してください。
※Ant Designを参考にコンポーネントを仕分けしています。
componentの分け方
Q1.汎用的か汎用的ではないか
A1.汎用的である
components/general/{パーツ名称}/**
を作成する
A1.汎用的でない
Q2へ
Q2.下記リストに該当するものが存在するか
種別 | 説明 | 項目例 |
---|---|---|
Layout | 画面の配置を担うコンポーネント | Divider, Grid, Layout, Space |
Navigation | メニューなど、ユーザーの遷移(操作)を促す為のコンポーネント | Affix, Breadcrumb, Dropdown, Menu, PageHeader, Pagination, Steps |
Form | ユーザーの入力を促す為のコンポーネント | Checkbox, DatePicker, Form, Input, Textarea, Radio, Rate, Select, Slider, Switch, TimePicker, Upload |
Display | データの出力を担うコンポーネント | Avatar, Badge, Calendar, Card, Carousel, Collapse, Empty, Tooltip, Tag |
Feedback | ユーザーに次のアクションを求める為のコンポーネント | Alert, Modal, SnackBar, Progress, Skeleton, Spin |
A2.存在する
components/{種別名}/{項目名}/**
を作成する
A2.存在しない
components/Other/**/**
を作成する
このスクラップは2021/10/12にクローズされました