palantir/blueprint

Support for lazy loading tabs

Open

#4669 aperta il 22 apr 2021

Vedi su GitHub
 (0 commenti) (3 reazioni) (0 assegnatari)TypeScript (2167 fork)batch import
P2Package: coreType: feature requesthelp wanted

Metriche repository

Star
 (20.263 star)
Metriche merge PR
 (Merge medio 43g 10h) (27 PR mergiate in 30 g)

Descrizione

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).

Guida contributor

Direzione di ricerca
La richiesta del problema è per una nuova prop per il lazy loading delle schede, basata sulla prop esistente `renderActiveTabPanelOnly`. L'implementatore dovrebbe esaminare il codice sorgente del componente Tabs in `src/components/tabs` per comprendere la logica di rendering attuale. Un possibile approccio è utilizzare `useState` e `useEffect` di React per montare i pannelli delle schede solo alla prima attivazione. Il comportamento dovrebbe imitare quello predefinito nel componente Tabs di Ant Design, con una prop opzionale `forceRender`. Non esistono PR o commenti collegati, quindi l'implementatore può proporre una soluzione in una nuova PR.
Tech stack
typescriptreact
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Nuova
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
React
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70