palantir/blueprint

Support for lazy loading tabs

Open

#4,669 opened on 2021年4月22日

GitHub で見る
 (0 comments) (3 reactions) (0 assignees)TypeScript (20,263 stars) (2,167 forks)batch import
P2Package: coreType: feature requesthelp wanted

説明

There is support for renderActiveTabPanelOnly but not something in between: Do not unmount any tabs, but only mount tabs after they are clicked on instead of all at initial load.

This is the default behavior in some libraries (eg. https://ant.design/components/tabs/, it can still overwrite default behavior with forceRender prop).

コントリビューターガイド

技術スタック
reacttypescript
領域
frontend
Issue 種別
feature
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
half day
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
React knowledgeBlueprint tabs componentlazy loading patterns
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
60
調査方針
The issue requests a new prop for lazy loading tabs, building on the existing `renderActiveTabPanelOnly` prop. The implementer should examine the Tabs component source code in `src/components/tabs` to understand the current rendering logic. A possible approach is to use React's `useState` and `useEffect` to mount tab panels only upon first activation. The behavior should mimic the default in Ant Design's Tabs component, with an optional `forceRender` prop. No linked PRs or comments exist, so the implementer can propose a solution in a new PR.