useTableState: A reusable hook for server-side table state management
@Salmaan-M ci sta già lavorando.
Dal 30/6/2026.
Valutazione
Questa issue non è ancora stata valutata.
Descrizione
Current Behavior
Across Meshery UI, every data table page independently declares the same set of useState calls to manage server-side pagination, search, and sort state — typically page, pageSize, search, and sortOrder. Some pages add filter state on top. This results in 4–8 identical useState lines duplicated across 8+ files :-
- https://github.com/meshery/meshery/blob/master/ui/components/dashboard/resources/resources-table.tsx
- https://github.com/meshery/meshery/blob/master/ui/components/connections/meshSync/index.tsx
- https://github.com/meshery/meshery/blob/master/ui/components/performance/PerformanceProfiles.tsx
- https://github.com/meshery/meshery/blob/master/ui/components/workspaces/index.tsx
- https://github.com/meshery/meshery/blob/master/ui/components/environments/index.tsx
- https://github.com/meshery/meshery/blob/master/ui/components/DatabaseSummary.tsx
- https://github.com/meshery/meshery/blob/master/ui/components/filters/Filters.tsx
- https://github.com/meshery/meshery/blob/master/ui/components/connections/ConnectionTable.tsx
Expected Behavior
A reusable, framework-agnostic useTableState hook in Sistent that:
- Manages page, pageSize, search, sortOrder, and optional custom filters state
- Provides setter functions (setPage, setPageSize, setSearch, setSortOrder)
Environment
Contributor Guides and Resources
- 🛠 Meshery Build & Release Strategy
- 📚 Instructions for contributing to documentation
- 🎨 Wireframes and designs for Sistent site in Figma (open invite)
- 🙋🏾🙋🏼 Questions: Layer5 Discussion Forum and Layer5 Community Slack
- Lingua principale
- TypeScript
- Stelle
- 137
- Fork
- 239
- Merge medio
- 4g 14h
- PR unite (30g)
- 5
Guida per i contributori
Apri la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di layer5io/sistent
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100
-
component/ui help wanted kind/enhancement
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
-
ESM build is not loadable by Node: extensionless 'lodash/debounce' specifier in dist/index.mjs Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 70/100
-
kind/bug
Tutte le issue di layer5io/sistent
Issue simili
-
Difficoltà 1/5 1-3 ore Idoneità per principianti 88/100
motiondivision/motion#3849 ·
-
Add: S Play Event HD Apertacheck:passed streams:add
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
-
LiteLLM proxy response_cost (x-litellm-response-cost) is never applied to ChatModelOutput.cost Apertabug
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100
i-am-bee/beeai-framework#1697 · 1 reazione ·
-
Support bun dedupe Apertaenhancement
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
antfu/node-modules-inspector#214 ·