React.js
eBook - ePub

React.js

Réalisez une application web avec React

  1. 348 pages
  2. French
  3. ePUB (adapté aux mobiles)
  4. Disponible sur iOS et Android
eBook - ePub

React.js

Réalisez une application web avec React

À propos de ce livre

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

Foire aux questions

Oui, vous pouvez résilier à tout moment à partir de l'onglet Abonnement dans les paramètres de votre compte sur le site Web de Perlego. Votre abonnement restera actif jusqu'à la fin de votre période de facturation actuelle. Découvrez comment résilier votre abonnement.
Pour le moment, tous nos livres en format ePub adaptés aux mobiles peuvent être téléchargés via l'application. La plupart de nos PDF sont également disponibles en téléchargement et les autres seront téléchargeables très prochainement. Découvrez-en plus ici.
Perlego propose deux forfaits: Essentiel et Intégral
  • Essentiel est idéal pour les apprenants et professionnels qui aiment explorer un large éventail de sujets. Accédez à la Bibliothèque Essentielle avec plus de 800 000 titres fiables et best-sellers en business, développement personnel et sciences humaines. Comprend un temps de lecture illimité et une voix standard pour la fonction Écouter.
  • Intégral: Parfait pour les apprenants avancés et les chercheurs qui ont besoin d’un accès complet et sans restriction. Débloquez plus de 1,4 million de livres dans des centaines de sujets, y compris des titres académiques et spécialisés. Le forfait Intégral inclut également des fonctionnalités avancées comme la fonctionnalité Écouter Premium et Research Assistant.
Les deux forfaits sont disponibles avec des cycles de facturation mensuelle, de 4 mois ou annuelle.
Nous sommes un service d'abonnement à des ouvrages universitaires en ligne, où vous pouvez accéder à toute une bibliothèque pour un prix inférieur à celui d'un seul livre par mois. Avec plus d'un million de livres sur plus de 1 000 sujets, nous avons ce qu'il vous faut ! Découvrez-en plus ici.
Recherchez le symbole Écouter sur votre prochain livre pour voir si vous pouvez l'écouter. L'outil Écouter lit le texte à haute voix pour vous, en surlignant le passage qui est en cours de lecture. Vous pouvez le mettre sur pause, l'accélérer ou le ralentir. Découvrez-en plus ici.
Oui ! Vous pouvez utiliser l’application Perlego sur appareils iOS et Android pour lire à tout moment, n’importe où — même hors ligne. Parfait pour les trajets ou quand vous êtes en déplacement.
Veuillez noter que nous ne pouvons pas prendre en charge les appareils fonctionnant sous iOS 13 ou Android 7 ou versions antérieures. En savoir plus sur l’utilisation de l’application.
Oui, vous pouvez accéder à React.js par Eric Sarrion en format PDF et/ou ePUB ainsi qu'à d'autres livres populaires dans Computer Science et Programming in JavaScript. Nous disposons de plus d'un million d'ouvrages à découvrir dans notre catalogue.

Informations

Éditeur
Eyrolles
Année
2019
Imprimer l'ISBN
9782212677560
ISBN de l'eBook
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 des matières

  1. Couverture
  2. Le résumé et la biographie auteur
  3. Page de titre
  4. Copyright
  5. Table des matières
  6. Avant-propos
  7. Chapitre 1 : JavaScript ES6
  8. Chapitre 2 : Hello React
  9. Chapitre 3 : React et JSX
  10. Chapitre 4 : Objet state
  11. Chapitre 5 : Interactions dans les composants React
  12. Chapitre 6 : Cas pratique : gérer les éléments d’une liste
  13. Chapitre 7 : Gérer les formulaires avec React
  14. Chapitre 8 : Utiliser create-react-app pour créer une application React
  15. Chapitre 9 : Redux
  16. Chapitre 10 : React et Redux
  17. Chapitre 11 : Utiliser le module react-redux
  18. Chapitre 12 : React Router
  19. Index