React.js
eBook - ePub

React.js

RĂ©alisez une application web avec React

Eric Sarrion

Buch teilen
  1. 348 Seiten
  2. French
  3. ePUB (handyfreundlich)
  4. Über iOS und Android verfĂŒgbar
eBook - ePub

React.js

RĂ©alisez une application web avec React

Eric Sarrion

Angaben zum Buch
Buchvorschau
Inhaltsverzeichnis
Quellenangaben

Über dieses Buch

Un ouvrage de référence pour les développeurs web

En tant que développeur, qui n'a pas encore entendu parler de React.js (ou React de façon raccourcie)? Cette bibliothÚque JavaScript, initialement écrite pour Facebook (en 2013), s'utilise maintenant couramment dans le monde de l'entreprise. Elle permet de structurer efficacement une application web, mais peut également s'utiliser dans une version dite native, pour écrire des applications mobiles à destination des iPhone ou Android.

Cet ouvrage vous permettra entre autres de créer des applications web autonomes, mais également de les interfacer avec un serveur en utilisant Ajax. Et surtout, vous comprendrez comment augmenter la complexité de votre application tout en conservant un code bien structuré, ceci grùce à React mais aussi Redux, étudié dans les derniers chapitres de l'ouvrage.

Agrémenté de nombreuses illustrations et de cas pratiques, cet ouvrage vous accompagne de façon progressive dans la découverte des concepts et propriétés associés à ce nouveau framework.

À qui s'adresse cet ouvrage?

  • Aux Ă©tudiants, dĂ©veloppeurs et chefs de projet
  • À tous les autodidactes fĂ©rus de programmation qui veulent dĂ©couvrir Reactjs

HĂ€ufig gestellte Fragen

Wie kann ich mein Abo kĂŒndigen?
Gehe einfach zum Kontobereich in den Einstellungen und klicke auf „Abo kĂŒndigen“ – ganz einfach. Nachdem du gekĂŒndigt hast, bleibt deine Mitgliedschaft fĂŒr den verbleibenden Abozeitraum, den du bereits bezahlt hast, aktiv. Mehr Informationen hier.
(Wie) Kann ich BĂŒcher herunterladen?
Derzeit stehen all unsere auf MobilgerĂ€te reagierenden ePub-BĂŒcher zum Download ĂŒber die App zur VerfĂŒgung. Die meisten unserer PDFs stehen ebenfalls zum Download bereit; wir arbeiten daran, auch die ĂŒbrigen PDFs zum Download anzubieten, bei denen dies aktuell noch nicht möglich ist. Weitere Informationen hier.
Welcher Unterschied besteht bei den Preisen zwischen den AboplÀnen?
Mit beiden AboplÀnen erhÀltst du vollen Zugang zur Bibliothek und allen Funktionen von Perlego. Die einzigen Unterschiede bestehen im Preis und dem Abozeitraum: Mit dem Jahresabo sparst du auf 12 Monate gerechnet im Vergleich zum Monatsabo rund 30 %.
Was ist Perlego?
Wir sind ein Online-Abodienst fĂŒr LehrbĂŒcher, bei dem du fĂŒr weniger als den Preis eines einzelnen Buches pro Monat Zugang zu einer ganzen Online-Bibliothek erhĂ€ltst. Mit ĂŒber 1 Million BĂŒchern zu ĂŒber 1.000 verschiedenen Themen haben wir bestimmt alles, was du brauchst! Weitere Informationen hier.
UnterstĂŒtzt Perlego Text-zu-Sprache?
Achte auf das Symbol zum Vorlesen in deinem nÀchsten Buch, um zu sehen, ob du es dir auch anhören kannst. Bei diesem Tool wird dir Text laut vorgelesen, wobei der Text beim Vorlesen auch grafisch hervorgehoben wird. Du kannst das Vorlesen jederzeit anhalten, beschleunigen und verlangsamen. Weitere Informationen hier.
Ist React.js als Online-PDF/ePub verfĂŒgbar?
Ja, du hast Zugang zu React.js von Eric Sarrion im PDF- und/oder ePub-Format sowie zu anderen beliebten BĂŒchern aus Informatique & Programmation en JavaScript. Aus unserem Katalog stehen dir ĂŒber 1 Million BĂŒcher zur VerfĂŒgung.

Information

Verlag
Eyrolles
Jahr
2019
ISBN
9782212326680
Auflage
1
Thema
Informatique
Thema
Programmation en JavaScript

1

JavaScript ES6

JavaScript, langage permettant des interactions faciles entre une page web et l’utilisateur, a connu diverses Ă©volutions ces derniĂšres annĂ©es, dont la plus significative est celle de la version ES6 (abrĂ©viation de « ECMAScript 6 »). Cette nouvelle version concerne particuliĂšrement :
‱les variables : dĂ©claration, portĂ©e et mise en forme dans les chaĂźnes de caractĂšres ;
‱les fonctions : paramĂštres par dĂ©faut, nouvelle forme de dĂ©claration des fonctions ;
‱les objets et les tableaux : dĂ©structuration et opĂ©rateur
 ;
‱les classes d’objets : crĂ©ation et dĂ©rivation ;
‱les promesses : utilisation du processus asynchrone ;
‱les modules : pour mieux structurer le code JavaScript.
React utilise de façon intensive ces nouveaux Ă©lĂ©ments. Ils seront dĂ©taillĂ©s dans les paragraphes suivants afin d’écrire et comprendre plus facilement le code React qui sera utilisĂ© dans ce livre.
Quel Ă©diteur de code utiliser ?
Vous pouvez utiliser n’importe quel Ă©diteur de code, et si vous n’avez pas encore fait votre choix, nous vous conseillons d’utiliser Visual Studio Code (gratuit et maintenu par Microsoft).
Dans la suite du chapitre, nous utiliserons un fichier index.html qui contiendra le code JavaScript utilisé (au moyen de balises <script>). La structure de ce fichier est la suivante.
Fichier index.html
<html>
<head>
</head>
<body>
</body>
<script>
// Ici, le code JavaScript
// ...
</script>
</html>
Pour exécuter ce fichier HTML, vous disposez de deux méthodes :
‱le sĂ©lectionner dans le gestionnaire de fichiers et le faire glisser dans la fenĂȘtre d’un navigateur ;
‱saisir l’URL http://localhost/react dans la barre d’adresses du navigateur, en supposant que vous avez au prĂ©alable lancĂ© un serveur (PHP, Node.js, J2EE, etc.) et dĂ©posĂ© le fichier index.html dans le rĂ©pertoire react du serveur.
Dans ce chapitre, nous utilisons la premiÚre méthode.
Bien sĂ»r, ce fichier ne contenant aucune ligne de code pour l’instant, son exĂ©cution produit une page blanche Ă  l’écran.

Les variables

Divers mots-clés ont été ajoutés au langage JavaScript afin de modifier la portée des variables. Par ailleurs, le mot-clé var permettant de définir une variable locale est toujours actif, mais ses effets de bord ont été corrigés.

Utilisation de const

Le mot-clĂ© const permet de dĂ©finir une constante qui, par dĂ©finition, ne pourra plus ĂȘtre modifiĂ©e. En cas de modification par le programme, une erreur JavaScript est provoquĂ©e.
Écrivons le code suivant dans le fichier index.html, dans la partie rĂ©servĂ©e (balise <script>).
Utilisation de const
const nom = "Sarrion";
console.log(nom);
nom = "Martin"; // Erreur
La modification de la constante nom provoque une erreur que l’on peut voir dans un navigateur, par exemple Chrome (figure 1-1), ...

Inhaltsverzeichnis