Scribd
Importer
47 vues

Qu'est-Ce-Que React

Transféré par

romynorline
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
47 vues

Qu'est-Ce-Que React

Transféré par

romynorline
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
Vous êtes sur la page 1/ 7

React est une bibliothèque JavaScript open-source qui est

utilisée pour construire des interfaces utilisateur


spécifiquement pour des applications d'une seule page. Elle
est utilisée pour gérer la couche d'affichage des applications
web et mobiles. React nous permet également de créer des
composants d'interface utilisateur réutilisables. React a été
créé par Jordan Walke, un ingénieur logiciel travaillant
pour Facebook. React a été déployé pour la première fois sur
le flux d'informations de Facebook en 2011 et sur
Instagram.com en 2012.

React permet aux développeurs de créer de grandes


applications web qui peuvent modifier les données, sans avoir
à recharger la page. L'objectif principal de React est d'être
rapide, évolutif et simple. Il ne fonctionne que sur les
interfaces utilisateur de l'application. Cela correspond à la vue
du modèle MVC. Il peut être utilisé avec une combinaison
d'autres bibliothèques ou frameworks JavaScript, tels que
Angular JS dans MVC.

React JS est également appelé simplement React ou


React.js.

Quelles sont les caractéristiques de


ReactJS ?
Examinons de plus près certaines caractéristiques
importantes de React.
JSX

Dans React, au lieu d'utiliser le JavaScript habituel pour les


modèles, il utilise JSX. JSX est un simple JavaScript qui
permet de citer du HTML et utilise la syntaxe de ces balises
HTML pour afficher des sous-composants. La syntaxe HTML
est traitée dans les appels JavaScript de React Framework.
On peut aussi écrire en JavaScript ancien pur.
React Native

React dispose de bibliothèques natives qui ont été annoncées


par Facebook en 2015, qui fournit l'architecture react aux
applications natives comme IOS, Android et UPD.

React-native est un framework de développement


d'applications mobiles utilisant uniquement le Javascript. Il
utilise la même conception que React, vous permettant
d'utiliser/inclure une riche bibliothèque d'interface utilisateur
mobile/des composants déclaratifs. Il utilise les mêmes
modules d'interface utilisateur fondamentaux que les
applications iOS et Android. La meilleure partie de l'utilisation
de react-native est d'autoriser/adopter des composants écrits
en Objective-C, Java ou Swift.
Liaison de données unidirectionnelle

Dans React, un ensemble de valeurs immuables sont


passées au moteur de rendu des composants sous forme de
propriétés dans ses balises HTML. Le composant ne peut
modifier directement aucune propriété mais peut passer une
fonction de rappel à l'aide de laquelle on peut faire des
modifications. Ce processus complet est connu sous le nom
de "flux descendant des propriétés ; flux ascendant des
actions".
Modèle d'objet de document virtuel

React crée un cache de structure de données en mémoire qui


calcule les modifications apportées et met ensuite à jour le
navigateur. Cela permet une fonction spéciale qui permet au
programmeur de coder comme si la page entière était rendue
à chaque changement alors que la bibliothèque react ne rend
que les composants qui changent réellement.
Pourquoi React ?
La principale question qui se pose à nous est de savoir
pourquoi il faut utiliser React. Il existe de nombreuses
plateformes open-source pour faciliter le développement
d'applications web en amont, comme Angular. Examinons
rapidement les avantages de React par rapport à d'autres
technologies ou cadres concurrentiels. Le monde du frontend
changeant quotidiennement, il est difficile de consacrer du
temps à l'apprentissage d'un nouveau framework - surtout
lorsque ce dernier pourrait finalement devenir une impasse.
Donc, si vous cherchez la meilleure solution mais que vous
vous sentez un peu perdu dans la jungle des frameworks, je
vous suggère de consulter React.
1. Simplicité

La prise en main de ReactJS est plus aisée dès le départ.


Son approche orientée composants, son cycle de vie bien
défini et l'utilisation de JavaScript simple en font un outil facile
à assimiler pour la construction de sites web professionnels
(et d'applications mobiles) ainsi que pour leur maintenance.
React adopte une syntaxe particulière appelée JSX,
permettant de combiner HTML et JavaScript. Cette utilisation
n'est pas impérative ; les développeurs peuvent toujours opter
pour un code en JavaScript pur, mais le JSX s'avère bien plus
convivial.
2. Facile à apprendre

Toute personne ayant des connaissances de base en


programmation peut facilement comprendre React, tandis que
Angular et Ember sont désignés par l'expression "Domain-
specific Language", ce qui implique qu'il est difficile de les
apprendre. Avec react, il suffit de posséder des
connaissances de base en CSS et en HTML.
3. Approche native

React peut être utilisé pour créer des applications mobiles


(React Native). Et React est un fervent partisan de la
réutilisation, ce qui signifie que la réutilisation du code est
largement prise en charge. Ainsi, nous pouvons en même
temps créer des applications IOS, Android et Web.
4. Liaison de données

React utilise une liaison de données unidirectionnelle et une


architecture d'application appelée Flux contrôle le flux de
données vers les composants par un point de contrôle unique
- le dispatcher. Il est plus facile de débugger les composants
autonomes des grandes applications ReactJS.
5. Performance

React n'offre aucun concept de conteneur intégré pour la


dépendance. Vous pouvez utiliser les modules Browserify,
Require JS, EcmaScript 6 que nous pouvons utiliser via
Babel, ReactJS-di pour injecter des dépendances
automatiquement.
6. Testabilité

Les applications ReactJS sont très faciles à tester. Les vues


React peuvent être traitées comme des fonctions de l'état, de
sorte que nous pouvons manipuler avec l'état que nous
passons à la vue ReactJS et jeter un coup d'œil à la sortie et
aux actions, événements, fonctions déclenchés, etc.
Par

Ibrahim CISSE
Les articles de la même catégorie
Refactoring : Qu'est-ce que c'est, et quand est-il opportun de l'effectuer ?

Le refactoring est le processus de modification du code source d'une application sans changer
son comportement externe. Le refactoring de code a pour but d'améliorer certaines des
propriétés non fonctionnelles du code, telles que la lisibilité...
1 year ago
Lire plus

5 meilleurs langages de programmation pour les débutants

L'apprentissage d'un premier langage de programmation est toujours spécial pour tout le monde.
On s'y attache et il nous accompagne pour toujours. Vous avez peut-être 10 ans, 12 ans, 15 ans
ou quel que soit votre âge, nous sommes sûrs qu'il était vraiment
3 years ago
Lire plus
Qu'est-ce que Laravel Livewire ?

En tant que développeurs, nous sommes toujours à la recherche d'outils, de bibliothèques et de


frameworks qui nous faciliteront la vie. Il en va de même pour les développeurs Laravel. C'est la
raison pour laquelle nous aimons ce framework au départ, ...
2 years ago
Lire plus

+223 78 61 61 94

[email protected]

Français English

Ibraci Links

 A propos
 Carrière
 Confidentialité
 Condition
 Contact

Communauté

 Vue d'ensemble
 Blog
 Ils parlent de nous
 Tutoriels
 Evénements
 Ibracipedia

Services

 Hébergement Web
 Hébergement VPS
 Hébergement E-mail
 Nom de domaine
 Tarifs nom de domaine
 Site Web
 SMS Marketing

Votre avis

Vous aimerez peut-être aussi