Le cycle de vie des composants

Chaque composant a une vie. Il est créé, il apparaît à l'écran, il réagit aux changements, et finalement il est supprimé. La Session 035 a conçu le cycle de vie des composants FLIN avec trois hooks : onMount, onUpdate et onUnmount. Trois. Pas huit. Pas douze. Trois hooks qui couvrent chaque cas d'utilisation réel.

flinonMount {
    data = fetch_dashboard_data()
    timer = set_interval(60.seconds, refresh_data)
}

onUpdate {
    // Réagit quand les dépendances réactives changent
}

onUnmount {
    clear_interval(timer)
}

Le principe de symétrie : chaque ressource acquise dans onMount devrait être libérée dans onUnmount. Cela crée un modèle mental propre : démarrer un timer / arrêter le timer, ouvrir un WebSocket / fermer le WebSocket, ajouter un listener / supprimer le listener.

Ceci est la partie 90 de la série "How We Built FLIN".

Navigation de la série : - [89] Scoped CSS and Computed Styles - [90] The Component Lifecycle (vous êtes ici) - [91] Slots and Content Projection - [92] Attribute Reactivity