Mes documents
flex-layout
Getting Started
Guides
Reference
typed-rx-http
global-rx-state
webflux-fe-dev-assistant
Overview
reactive-mongo-dsl
Organise les combinaisons de flex-layout selon le flux d'utilisation réel.
Nous allons établir les règles de base pour la direction row/column, layoutName/containerName et les mises en page imbriquées.
Nous allons configurer des panneaux redimensionnables avec isResizePanel, grow, panelMode et panelMovementMode.
Nous allons plier et déplier les panneaux avec containerOpenCloseSubjectMap et le hook de double clic.
Nous allons stocker et restaurer la valeur de grow ajustée par l'utilisateur dans le stockage avec rememberResize.
Nous allons configurer un écran partagé dynamique comme dans VS Code avec FlexLayoutSplitScreen.
Rend page.tsx dans un panneau de partition avec l'URL dans Next.js App Router et restaure l'état de partition par rafraîchissement/navigateur.
Nous allons créer des éléments d'onglet/carte/menu glissables avec FlexLayoutSplitScreenDragBox.
Nous allons créer une interface utilisateur fixe à l'intérieur des limites de la mise en page avec stickyMode et FlexLayoutStickyBox.
Nous allons synchroniser la hauteur du conteneur avec la hauteur de la fenêtre et du contenu avec FlexLayoutDynamicHeight.
Nous allons stocker/restaurer la position de défilement à l'intérieur de l'écran partagé avec FlexLayoutSplitScreenScrollBox.
Nous allons plier et restaurer le conteneur head de la mise en page racine en fonction du défilement avec useFlexLayoutControl.
Nous allons utiliser des hooks de pagination de liste pour le défilement infini/paginal basé sur un sentinelle.