Dans le développement Web, nous avons toujours besoin de changer les données de l'interface utilisateur en temps réel. Vous avez alors besoin de modifier le DOM (une arborescence de la structure d'un document et de ses éléments).

Il est possible comme dans les années 90, d'utiliser le serveur pour faire entièrement le rendu vers le navigateur. Si un clic de l'utilisateur modifie le texte, il est nécessaire de recharger la page entière.

La modification du DOM de la page permet d'éviter l'utilisation systématique du serveur. Des opérations sur le DOM sont généralement complexes et très ennuyeuses.

Plusieurs solutions sont présentes sur internet, une diversité grandissante notamment à cause de l’évolution de la complexité des sites et applications web.

Donc, si vous êtes à la recherche d'une solution pour vous faciliter les choses, mais que vous êtes un peu perdu dans la "jungle" des Framework, nous vous suggérons de consulter React.js.

Le but de ce post sera d’avoir un petit aperçu de l’utilisation de cette librairie.

React (aussi appelé React.js ou ReactJS) est une bibliothèque JavaScript.

L'objectif principal de cette bibliothèque est de faciliter la création d'applications web qui ne gèrent que l'interface de l'application, considérée comme la vue dans le modèle MVC.

React.js utilise une syntaxe spéciale appelée JSX, qui vous permet de mélanger HTML avec JavaScript.

Cela n'est pas une exigence - vous pouvez toujours écrire tout en full JavaScript - mais nous suggérons fortement d’essayer la nouvelle syntaxe parce que cette dernière facilite la réalisation de vos composants.

Ainsi, React peut être utilisée avec une autre bibliothèque, ou avec un Framework MVC comme AngularJS.

La bibliothèque ReactJS se démarque par rapport à ses concurrents grâce à sa flexibilité et à ses performances, en travaillant avec un DOM virtuel et en ne mettant à jour qu'en cas de nécessité, le rendu dans le navigateur.

Il n'est pas possible de construire une application dynamique entièrement fonctionnelle avec ReactJs seul.

React.js est maintenant libre et open source, mais il a d'abord été développé par Facebook à des fins internes car ils n'étaient pas satisfaits des Framework Javascript disponibles sur le marché. Ils ont donc décidé de développer leur propre interface pour la construction de leur site Instagram. Après un certain temps, les ingénieurs de Facebook ont réalisé qu'ils avaient créé quelque chose de vraiment « génial » et ont décidé de partager leur projet avec le monde.

La bibliothèque est utilisée en autre notamment par Netflix, Yahoo, Airbnb, Sony ou encore WhatsApp. Fin 2015, les responsables de WordPress, système de gestion de contenu utilisé par 25% des sites web selon W3Tech, a annoncé que l'outil a totalement été redéveloppé pour se baser dorénavant sur ReactJS.

Voici un exemple permettant de voir ReactJs en action : http://catchoftheday.wesbos.com/

Voici un lien vers le projet avec la possibilité de le télécharger : https://facebook.github.io/react/