Developpez.com

Télécharger gratuitement le magazine des développeurs, le bimestriel des développeurs avec une sélection des meilleurs tutoriels

Knockout 3.2.0 : personnalisation, réutilisation et extension.
La bibliothèque JavaScript UI de type MVVM se consolide

Le , par vermine, Responsable JavaScript & AJAX
Knockout 3.2.0 : personnalisation, réutilisation et extension
La bibliothèque JavaScript UI de type MVVM se consolide.


Knockout est une bibliothèque JavaScript qui permet de créer des interfaces utilisateur riches et dynamiques, ainsi qu'un éditeur d'interface utilisant un modèle de données sous-jacent. C'est une architecture MVVM (Modèle-Vue-VueModèle).

Avec cet outil, vous pouvez faire, par exemple :

  • une mise à jour automatique des bonnes parties de votre interface utilisateur à chaque changement du modèle de données ;
  • des liaisons déclaratives. C'est une façon simple et évidente pour relier votre interface utilisateur à votre modèle de données ;
  • mettre en œuvre des comportements personnalisés comme de nouvelles liaisons déclaratives pour une réutilisation facile en seulement quelques lignes de code.


Étant écrit en JavaScript pur, Knockout fonctionne avec n'importe quelle technologie serveur ou cliente. Elle peut donc être ajoutée à vos applications Web existantes. L'outil est d'ailleurs léger, environs 13 ko après compression.
Il fonctionne sur n'importe quel grand navigateur (IE 6+, Firefox 2+, Chrome, Safari, etc.).

Les développeurs familiarisés avec Ruby on Rails, ASP.NET MVC ou d'autres technologies de type MV* peuvent voir MVVM comme une forme en temps réel de MVC avec la syntaxe déclarative.

La version 3.2.0 vient de sortir. Contrairement à une prochaine version qui contiendra des changements plus conséquénts, celle-ci propose quelques améliorations et nouveautés comme notamment :

  • la réutilisation et l'extension des composants pour combiner dynamiquement les modèles de vues et les templates ;
  • les éléments personnalisés pour utiliser les composants
    <my-component params="value: price, format: priceFormat"></my-component> ;
  • l'ajout de ko.pureComputed et la gestion en temps réel de textInput (drag-and-drop, coller, etc.) ;
  • la mise à jour de Bower.


Pour plus d'informations à ce sujet, visitez cette page.

Site officiel.
Téléchargement.
Documentation.


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de SylvainPV SylvainPV - Rédacteur/Modérateur http://www.developpez.com
le 20/08/2014 à 11:43
Knockout est actuellement une de mes bibliothèques de data-binding préférées aux côtés d'Angular, et une grande source d'inspiration pour une de mes libs persos. Elle mériterait d'être davantage connue et utilisée.
Avatar de artiom artiom - Membre régulier http://www.developpez.com
le 23/02/2015 à 11:24
Bonjour à tous!

Je ne sais pas si c'est le meilleur endroit pour parler de ca mais je tente quand meme :-P

justement a propos de ces histoires de components

"<my-component params="value: price, format: priceFormat"></my-component> "

Il y a quand meme des petites choses qui m'echapent sans doutes due au peu d'expérience sur le framework =)
Je voudrais faire un prefix d'id pour tous mes composants de manière a ce que a chaque fois que j'appelle my-component comme ci dessus je puisse préciser un scope d'id pour ne pas que ca marche sur les pieds d'autres déclarations similaires...

J'ai étudié les méthodes AfterRender, mais qui est appelé depuis le template (ce que je trouve particulièrement moche =/ )
Sinon j'ai un peu creusé côté de "Synchronous: true" lors du register... mais cela ne semble pas donner des résultats probants...

Auriez vous une idée pour mon problème?
Ou bien de manière plus générale peut etre une doc a jour pour justement le travail avec les components require js, etc etc une vrai appli scallable quoi :-)
Offres d'emploi IT
Développeur javascript innovation first
Adequat Tertiaire - Rhône Alpes - Grenoble (38000)
Leader Technique Front-End PHP Javascript
Lyon Tertiaire ADEQUAT - Rhône Alpes - Grenoble
Développeur javascript innovation first
Adequat Tertiaire - Rhône Alpes - Grenoble (38000)

Voir plus d'offres Voir la carte des offres IT
Responsable bénévole de la rubrique JavaScript : Xavier Lecomte -