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/11にクローズされました
ログインするとコメントできます