Livewire à lien profond : étendre un navigateur à l'élément sur lequel vous avez cliqué

DEV - 12/06
Le travail d'aujourd'hui était une petite partie de l'UX qu'il est facile de sous-estimer : créer une page "navigateur" d'administration...

Le travail d'aujourd'hui était un petit morceau d'UX qu'il est facile de sous-estimer : créer une page de "navigateur" d'administration qui s'étend à tout ce sur quoi vous avez cliqué pour y accéder. La configuration est celle que je rencontre sans cesse : vous avez une liste de connecteurs (pensez aux connexions d'annuaire AD/LDAP), et chaque connecteur a ses propres utilisateurs et ses propres groupes. L'ancien flux vous déposait dans un navigateur d'utilisateurs générique et vous obligeait à sélectionner à nouveau le connecteur dans une liste déroulante. Ennuyeux. Vous avez déjà indiqué à l'application le connecteur qui vous intéresse en cliquant sur sa ligne.

Le correctif est le genre de chose que Livewire rend presque trop facile, donc je veux ralentir et expliquer pourquoi cela fonctionne et où se cachent les cas extrêmes.

L'idée de base : une propriété liée à une URL

L’ensemble de la fonctionnalité repose sur un seul attribut. Dans Livewire, vous pouvez lier une propriété publique directement à un paramètre de chaîne de requête :

utilisez Livewire\Attributes\Url ; utilisez Livewire\Component ; class UserBrowser extends Component { #[Url(as: 'connector')] public string $selectedConnector = ''; //... }
Entrer en mode plein écran Q...
[Courte citation de 8% de l'article original]