React.js
eBook - ePub

React.js

Réalisez une application web avec React

Eric Sarrion

Share book
  1. 348 pages
  2. French
  3. ePUB (mobile friendly)
  4. Available on iOS & Android
eBook - ePub

React.js

Réalisez une application web avec React

Eric Sarrion

Book details
Book preview
Table of contents
Citations

About This Book

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

Frequently asked questions

How do I cancel my subscription?
Simply head over to the account section in settings and click on “Cancel Subscription” - it’s as simple as that. After you cancel, your membership will stay active for the remainder of the time you’ve paid for. Learn more here.
Can/how do I download books?
At the moment all of our mobile-responsive ePub books are available to download via the app. Most of our PDFs are also available to download and we're working on making the final remaining ones downloadable now. Learn more here.
What is the difference between the pricing plans?
Both plans give you full access to the library and all of Perlego’s features. The only differences are the price and subscription period: With the annual plan you’ll save around 30% compared to 12 months on the monthly plan.
What is Perlego?
We are an online textbook subscription service, where you can get access to an entire online library for less than the price of a single book per month. With over 1 million books across 1000+ topics, we’ve got you covered! Learn more here.
Do you support text-to-speech?
Look out for the read-aloud symbol on your next book to see if you can listen to it. The read-aloud tool reads text aloud for you, highlighting the text as it is being read. You can pause it, speed it up and slow it down. Learn more here.
Is React.js an online PDF/ePUB?
Yes, you can access React.js by Eric Sarrion in PDF and/or ePUB format, as well as other popular books in Ciencia de la computación & Programación en JavaScript. We have over one million books available in our catalogue for you to explore.

Information

Publisher
Eyrolles
Year
2019
ISBN
9782212326680

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), ...

Table of contents