Pourquoi les machines d'état rendent votre vie plus facile

Apprenez comment les machines d'état peuvent faciliter le développement, y compris des conseils pour un meilleur développement de l'interface utilisateur

Le développement de l'interface utilisateur est plus complexe qu'il n'y paraît. En fait, derrière toutes vos actions et éléments d'interface utilisateur préférés se trouvent les machines secrètes: les machines d'état. Une fois que vous aurez compris comment gérer les machines d'état et d'état, cela facilitera votre vie.

Par exemple, state peut être soit

 var IsLoggedIn = false 

Ou

 var IsLoggedIn = true 

Mais il y a encore plus de complexité: est-ce que cette connexion est en cours? Cette connexion est-elle réussie?

C'est le défi auquel font face les ingénieurs et les développeurs de l'interface utilisateur. En fait, l'expert de l'interface utilisateur Krasimir Tsonev suggère que la gestion de l'état est ce que les développeurs de l'interface utilisateur passent la plupart de leur temps à faire. Si cela était facile, cela ne prendrait pas beaucoup de temps.

(Bien sûr, rien n'est aussi facile qu'il n'y paraît, mais gérer l'état ne semble même pas * facile.)

Tsonev, dans sa présentation de DevReach (voir la vidéo complète ci-dessous), plonge dans les problèmes les plus épineux de la gestion de l'état et vous apprend comment la compréhension et les machines d'état peuvent vous faciliter la vie.

Toutes ces variables d'état dans l'exemple avec lequel Tsonev commence sont "l'éléphant dans la pièce". L'état est une variable qui change au fil du temps: son explication est très claire (regardez-le!), La gestion des états et la gestion des données contrastent.

Chaque application, explique-t-il, a une gestion d'état unique. Compte tenu de l'ampleur du problème, il explique ensuite comment nous sommes arrivés ici au fil du temps, à partir de 2006. Dans une épiphanie récemment, il explique qu'il n'y a peut-être pas de gestion d'état, mais plutôt de gestion des données et des flux

et en mettant en œuvre des machines d'état tous les jours: ils stockent vos états; accepter l'entrée pour changer l'état. Il explique un exemple réel d'un tourniquet avec un état verrouillé ou déverrouillé, et quelles entrées résultent dans quel état.

Vous pouvez visualiser chaque état sous une forme de tableau:

 État> entrée> transition vers quel état 

Vous pouvez visualiser chaque état, chaque entrée et l'état de transition qui en résulte. Il parcourt un exemple détaillé pour s'assurer que vous êtes prêt à l'essayer dans vos propres applications, en comprenant comment la machine d'état fonctionne.

Travailler à travers la table d'état vous aide à concevoir vos machines d'état. – et répondez uniquement aux entrées correctes que vous avez conçues. De même, il vous aide à gérer élégamment les erreurs.

Une fois les concepts généraux compris et la planification de l'état terminée, Tsonev donne des exemples clairs et précis dans le code pour vous aider à comprendre comment démarrer.

Donnez une apparence à la présentation de Tsonev et facilitez la gestion de votre état de l'interface utilisateur. Regarder toute la présentation de DevReach:

À propos du présentateur

Grâce à Krasimir Tsonev pour démystifier State Machines. Il est un développeur expérimenté et l'auteur de Node.js Blueprints et Node.js par l'exemple . Trouvez-le à: @KrasimirTsonev krasimir (GitHub), et antidote.me .

---