CATALOGUE Code & Data Formation ReactJS Apprendre ReactJS 2018 - Les fondamentaux Optimisation des performances avec React et JavaScript

Optimisation des performances avec React et JavaScript

Afficher plusieurs composants identiques
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre ReactJS 2018 - Les fondamentaux
Revoir le teaser Je m'abonne
3,0
Transcription
Cette leçon fait partie de la formation
49,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
3,0
Cette leçon fait partie de la formation
49,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Utilisation de l'API JavaScript dans un composant React

Objectifs

Les objectifs de cette vidéo sont :
1. Comprendre comment exécuter du JavaScript dans du JSX.
2. Utiliser les méthodes map, reduce et filter pour manipuler des données.
3. Savoir déstructurer des objets et utiliser l'opérateur spread dans React.
4. Apprendre à gérer des clés uniques dans des tableaux de composants.

Résumé

Apprenez à exploiter l'API JavaScript pour optimiser vos composants React en manipulant et en affichant des données de manière plus efficace.

Description

Cette leçon vous enseignera comment utiliser l'API JavaScript dans un composant React pour améliorer les performances et la modularité de votre code. Nous verrons comment utiliser les accolades dans le JSX pour exécuter du JavaScript, ainsi que les méthodes map, reduce, et filter pour manipuler les données. La leçon aborde également l'importance d'inclure des clés uniques dans les tableaux de données renvoyés par React afin d'éviter les warnings dans la console.

Nous apprendrons à déstructurer les objets pour simplifier notre code et à utiliser l'opérateur spread pour passer toutes les propriétés d'un objet en tant que props à un composant. En appliquant ces techniques, nous parviendrons à rendre notre code plus court et plus maintenable, tout en garantissant une performance optimale de notre application.

Voir plus

Questions fréquentes

Pourquoi est-il important d'utiliser des clés uniques dans des listes de composants React?
Les clés uniques aident React à identifier quels éléments ont changé, été ajoutés ou supprimés, ce qui améliore les performances de rendu.
Quelle méthode JavaScript permet de parcourir un tableau et de créer un nouveau tableau avec les résultats?
La méthode map permet de parcourir un tableau et de créer un nouveau tableau avec les résultats du mapping de chaque élément.
Qu'est-ce que l'opérateur <em>spread</em> en JavaScript?
L'opérateur spread est utilisé pour déplier un objet ou un tableau en ses éléments individuels, simplifiant la transmission de props dans React.
1 commentaire
3,0
1 vote
5
4
3
2
1
gregory_jarrige
Il y a 4 ans
Cette formation est géniale, mais je ne peux pas lui mettre la note maximale en l'état, car il y a deux problèmes qu'il faudrait signaler à l'auteur :
- la vidéo du chapitre 4.1 ne correspond pas à l'intitulé
- la vidéo du chapitre 6.3 ne correspond pas non plus à l'intitulé
Les deux vidéos erronées correspondent manifestement à un autre cours décrivant la création d'une TODO List.
charlene.bleuse_1
Il y a 4 ans
Bonjour Monsieur Jarrige,

Je vous remercie de votre retour, je fais part de vos remarques au service technique.
Bien à vous, Charlène