IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

React : la bibliothèque JavaScript de Facebook pour créer des interfaces utilisateurs


Sujet :

JavaScript

  1. #1
    Expert éminent sénior

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Points : 79 912
    Points
    79 912
    Par défaut React : la bibliothèque JavaScript de Facebook pour créer des interfaces utilisateurs
    React : la bibliothèque JavaScript de Facebook pour créer des interfaces utilisateurs


    React est une bibliothèque JavaScript développée par Facebook qui permet de créer des interfaces utilisateurs. Instagram.com en est un bel exemple.

    Elle utilise un concept appelé le DOM virtuel qui restitue sélectivement les sous-arborescences de nœuds en fonction des changements d'état. L'objectif est de réduire le nombre de manipulations du DOM tout en gardant les composants à jour. Ce DOM virtuel peut être rendu sur un serveur utilisant Node.js.

    React peut en fait être votre système de vues dans une application MVC car elle ne se tracasse pas du reste des composants. Et donc, signalons-le, React ne représente que cette couche view. Il ne sert à rien de vouloir la comparer à des frameworks qui offrent plus d'intelligence. Par contre, il faudra combiner React avec quelque chose pour obtenir une application dynamique complexe.

    Autour de cette bibliothèque, il est permis de constituer des composants pour ou utilisant React.

    Par exemple, il y a le rc-calendar. Ce composant permet d'afficher des calendriers selon certaines propriétes comme :

    • la localité ;
    • un bouton "Aujourd'hui" ;
    • la gestion d'événements.


    Il a également un composant de graphiques : Reusable D3 Charts. Cette bibliothèque implémente les graphiques de types barres, camembert, donuts (!), etc.

    Bref, ce ne sont que des exemples parmi d'autres. Il y en aura sans doute de plus en plus car React est encore jeune et intéresse pas mal de développeurs.

    Le site de React.
    D'après un article de DailyJS.


    Et vous ?

    Que pensez-vous de cette bibliothèque ?
    Quels outils utilisez-vous pour créer votre couche d'affichage ?
    Images attachées Images attachées  

  2. #2
    Expert éminent
    Avatar de kdmbella
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2010
    Messages
    799
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Cameroun

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Août 2010
    Messages : 799
    Points : 7 039
    Points
    7 039
    Par défaut
    J'ai découvert React Js dans les discussion sur developpez.com; j'avoue ne pas encore l'avoir utilisé, mais son côté manipulation virtuelle du DOM laisse présager des interfaces encore plus légères et donc lus rapide au chargement.

    Dans la pratique j'utilise DHTMLX (dhtmlx.com) pour mes vues / affichages et pour le moment j'en suis pleinement satisfait.

    Je laisse à React le temps de gagner un peu de maturité
    "L'humanité se divise en trois catégories : ceux qui ne peuvent pas bouger, ceux qui peuvent bouger, et ceux qui bougent."
    - Benjamin Franklin

    De l'aide en Javascript , consultez la FAQ JS.

    De l'aide sur le FrameWork JS DHTMLX : posez vos questions sur le forum des Bibliothèques & Frameworks JS.

  3. #3
    Membre chevronné
    Avatar de stailer
    Homme Profil pro
    Architecte technique
    Inscrit en
    Mars 2003
    Messages
    1 136
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Hautes Pyrénées (Midi Pyrénées)

    Informations professionnelles :
    Activité : Architecte technique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mars 2003
    Messages : 1 136
    Points : 2 187
    Points
    2 187
    Billets dans le blog
    3
    Par défaut
    Tu peux faire des composants HTML réutilisables avec DHTMLX ?

    Attention, il faut pas confondre "composant" et "vue (ou templates)".
    Avec JQuery et de nombreux frameworks tu peux déjà utiliser des moteurs ou tu vas stocker ton template d'un côté et l'appeler avec des paramètres de l'autre.
    Donc il y a une petite ressemble mais là l'idée est de fabriquer un vrai composant.

    React n'est il pas davantage une petite alternative aux composants de HTML5 ?
    .o0o__St@iLeR__oOo.

    Lead Developer

    ASP.NET MVC - MCP/MCSD ASP.NET
    PHP Zend Framework / PhalconPHP
    Cordova/Xamarin IOS/Android
    Kendo UI - ExtJS - JQwidgets
    SQL Server / MySQL

  4. #4
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    Novembre 2012
    Messages
    3 375
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2012
    Messages : 3 375
    Points : 9 944
    Points
    9 944
    Par défaut
    J'ai exploré en long et en large le templating client (voir mon article) et React semble être à l'opposé de toutes les bonnes pratiques que j'ai pu tirer de mon expérience: il met markup et logique au même endroit, il nécessite de recourir à un préprocesseur et il apporte une abstraction complète du DOM qui complique énormément le débogage depuis les vues. Les benchs sont mis en avant mais il va falloir un peu plus que ça pour me convaincre !

    Depuis un peu plus d'un an, je travaille sur ma propre lib de templating basés sur des principes radicalement différents de ceux adoptés par React, ce qui ne doit pas m'aider à l'apprécier notamment des templates en pur HTML, sans interpolation de texte, avec un autoupdate à base de proxy au lieu de dirty-checking. D'après moi, un bon templating est un lien entre markups et modèles préexistants, un lien le plus transparent et intuitif possible. Il ne s'agit pas comme le fait React de "générer une structure depuis une logique" ou l'inverse ; il s'agit de travailler sur les deux séparément, puis de les relier. Ça colle mieux avec ma façon de travailler, ainsi qu'à celle dans ma boîte où ce ne sont pas les mêmes équipes qui produisent les maquettes que ceux qui les dynamisent.
    One Web to rule them all

  5. #5
    Expert éminent
    Avatar de kdmbella
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2010
    Messages
    799
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Cameroun

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Août 2010
    Messages : 799
    Points : 7 039
    Points
    7 039
    Par défaut
    Citation Envoyé par stailer Voir le message
    Tu peux faire des composants HTML réutilisables avec DHTMLX ?
    Salut

    DHTMLX est déjà en lui même une bibliothèque de composants AJAX réutilisables et oui je les réutilise à volonté dans mes
    développements à moins que je ne comprenne pas ce que tu entends exactement par composant; du coup je t'invite un peu
    à découvrir ou à parcourir cette bibliothèque et me dire si ça correspond à ce que tu veux dire ...
    La Bibliothèque DHTMLX

    "L'humanité se divise en trois catégories : ceux qui ne peuvent pas bouger, ceux qui peuvent bouger, et ceux qui bougent."
    - Benjamin Franklin

    De l'aide en Javascript , consultez la FAQ JS.

    De l'aide sur le FrameWork JS DHTMLX : posez vos questions sur le forum des Bibliothèques & Frameworks JS.

  6. #6
    Membre éclairé
    Avatar de Paleo
    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2013
    Messages
    242
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Bénin

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Septembre 2013
    Messages : 242
    Points : 661
    Points
    661
    Par défaut
    Mêmes critiques que SylvainPV vis-à-vis de React. Et puis leur "JSX" est une resucée de E4X, en retard d'un train.

    Citation Envoyé par SylvainPV Voir le message
    Depuis un peu plus d'un an, je travaille sur ma propre lib de templating basés sur des principes radicalement différents de ceux adoptés par React, ce qui ne doit pas m'aider à l'apprécier notamment des templates en pur HTML, sans interpolation de texte, avec un autoupdate à base de proxy au lieu de dirty-checking.
    Sous une licence open source ?
    Quelle position par rapport à Vue.js ? Ou encore par rapport au futur HTMLBars de l'équipe de Ember.js ?

  7. #7
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    Novembre 2012
    Messages
    3 375
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2012
    Messages : 3 375
    Points : 9 944
    Points
    9 944
    Par défaut
    @Tahr: A la différence de la plupart des libs de templating, elle ne fonctionnera pas par interpolation de texte. J'ouvrirai un topic lorsque la lib sera prête pour publication, et bien entendu elle sera opensource
    One Web to rule them all

Discussions similaires

  1. Réponses: 9
    Dernier message: 09/03/2011, 15h18
  2. Logiciel pour créer des interfaces wxPython
    Par 4Ur3L dans le forum wxPython
    Réponses: 1
    Dernier message: 06/04/2008, 11h03
  3. recherche d'un logiciel pour créer des interface d'autorun
    Par reeda dans le forum Autres Logiciels
    Réponses: 3
    Dernier message: 13/09/2006, 21h03
  4. Pluggin pour créer des interfaces graphiques en java
    Par achiou59 dans le forum Eclipse Java
    Réponses: 3
    Dernier message: 02/04/2006, 16h55
  5. Outil pour créer des interfaces graphiques
    Par Cyborg289 dans le forum Interfaces Graphiques en Java
    Réponses: 10
    Dernier message: 11/07/2005, 17h48

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo