React.js
eBook - ePub

React.js

Réalisez une application web avec React

Eric Sarrion

Condividi libro
  1. 348 pagine
  2. French
  3. ePUB (disponibile sull'app)
  4. Disponibile su iOS e Android
eBook - ePub

React.js

Réalisez une application web avec React

Eric Sarrion

Dettagli del libro
Anteprima del libro
Indice dei contenuti
Citazioni

Informazioni sul libro

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

Domande frequenti

Come faccio ad annullare l'abbonamento?
È semplicissimo: basta accedere alla sezione Account nelle Impostazioni e cliccare su "Annulla abbonamento". Dopo la cancellazione, l'abbonamento rimarrà attivo per il periodo rimanente già pagato. Per maggiori informazioni, clicca qui
È possibile scaricare libri? Se sì, come?
Al momento è possibile scaricare tramite l'app tutti i nostri libri ePub mobile-friendly. Anche la maggior parte dei nostri PDF è scaricabile e stiamo lavorando per rendere disponibile quanto prima il download di tutti gli altri file. Per maggiori informazioni, clicca qui
Che differenza c'è tra i piani?
Entrambi i piani ti danno accesso illimitato alla libreria e a tutte le funzionalità di Perlego. Le uniche differenze sono il prezzo e il periodo di abbonamento: con il piano annuale risparmierai circa il 30% rispetto a 12 rate con quello mensile.
Cos'è Perlego?
Perlego è un servizio di abbonamento a testi accademici, che ti permette di accedere a un'intera libreria online a un prezzo inferiore rispetto a quello che pagheresti per acquistare un singolo libro al mese. Con oltre 1 milione di testi suddivisi in più di 1.000 categorie, troverai sicuramente ciò che fa per te! Per maggiori informazioni, clicca qui.
Perlego supporta la sintesi vocale?
Cerca l'icona Sintesi vocale nel prossimo libro che leggerai per verificare se è possibile riprodurre l'audio. Questo strumento permette di leggere il testo a voce alta, evidenziandolo man mano che la lettura procede. Puoi aumentare o diminuire la velocità della sintesi vocale, oppure sospendere la riproduzione. Per maggiori informazioni, clicca qui.
React.js è disponibile online in formato PDF/ePub?
Sì, puoi accedere a React.js di Eric Sarrion in formato PDF e/o ePub, così come ad altri libri molto apprezzati nelle sezioni relative a Informatique e Programmation en JavaScript. Scopri oltre 1 milione di libri disponibili nel nostro catalogo.

Informazioni

Editore
Eyrolles
Anno
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), ...

Indice dei contenuti