Skip to content

🤔 如何將一些方便的 重型且前後結合組件 可以重複利用 #1

@j7-dev

Description

@j7-dev

why need this?

因為有些重型,前後結合的組件,其實也很常重複使用,每次做套件要重寫,很浪費時間

例如下面這個組件,是一個很複雜的組件集合體
前端有各項篩選條件 & 後端需要設定 API 配合
才能做到下面這樣

image

想法1

準則: 🚩 除了可兼顧重用性之外,還要保留高度客製化的彈性,減輕開發人員負擔

  1. 前端代碼指令安裝
    希望能做到類似 shadcn/ui 那樣 一個指令把範例代碼抓進 專案目錄內
    可能類似這樣
npx shadcn-ui@latest add button

因為是把範例代碼抓進 components 目錄內,所以開發者可自行客制化

  1. 後端 API 用 composer 安裝跟使用
    把相關API hook 寫成 composer library
    可能類似這樣
composer require j7-dev@wc-products

如果想客制化 payload 的話

作法1 - 開發者可以自行複製 vendor 內的代碼,添加在自己的 php 上,然後移除 這個 library
作法2 - ❌ 這個 library 本身也可以埋 hook 在裡面,然後去 filter payload 或埋 action
但是如果,同一個網站,裝了2個有使用到同 library 的 plugin 是否會造成汙染!? 目前覺得先不要使用作法2

  1. 說明書就先寫在 antd-toolkit

想法2

直接寫成 example git clone 似乎也蠻簡單的

想法3

做成 npx 指令

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions