React : développement d’applications web
Formation
A distance
Avez-vous besoin d'un coach de formation?
Il vous aidera à comparer différents cours et à trouver la solution la plus abordable.
Description
-
Typologie
Formation
-
Méthodologie
A distance
À propos de cette formation :React est une bibliothèque JavaScript open-source conçue par Facebook pour le développement d'applications Web HTML5 modernes. Elle permet aux développeurs de créer des interfaces utilisateur très performantes avec ses composants JSX ciblant un DOM virtuel (Document Object Model). Flux offre un modèle d'architecture complémentaire pour développer les fonctionnalités des applications côté client. Au cours de cette formation, vous apprendrez à créer une application complète avec React.
À propos de cette formation
À qui s'adresse cette formation ?Aux testeurs, concepteurs et développeurs Web qui veulent apprendre à créer des applications Web côté client bien conçues avec React et Flux.
Les Avis
Les exploits du centre
Toutes les formations sont actualisées
L'évaluation moyenne est supérieure à 3,7
Plus de 50 opinions au cours des 12 derniers mois
Ce centre est avec Emagister depuis 16 ans.
Les matières
Le programme
Présentation et vue d'ensemble
- Caractéristiques de React et Flux
- Avantages du DOM virtuel
- Configurer le développement et créer l'environnement
Conception de composants React personnalisés
Afficher un contenu React
- Utiliser les fonctions (factory) React.createElement() et React.DOM.*
- Rendu de l'application avec ReactDOM.render()
- Créer l'interface utilisateur (UI) sur le serveur avec renderToString()
- Coder des composants personnalisés avec React.createClass()
- Générer la sortie des composants avec la méthode render
- Créer une hiérarchie des composants JSX
- Intégrer des bibliothèques tierces
Activation des composants React
Paramétrage des composants
- Faire la différence entre l'état et les propriétés d'un composant
- Ajouter des propriétés au rendu avec this.props
- Passer des valeurs de propriétés avec les expressions JSX { }
- Initialiser les valeurs par défaut avec getDefaultProps()
- Définir les valeurs initiales de l'état avec getInitialState()
- Lire les données d'une application avec this.state
- Mutation des données avec this.setState()
- Utiliser la liaison de donnée automatique (autobinding) et le regroupement des événements
- Attacher et détacher les gestionnaires de la logique et des événements dans componentDidMount et componentWillUnmount
- Améliorer les performances avec componentShouldUpdate
- Gérer les modifications avec componentWillReceiveProps
Développement de formulaires React
Manipulation des composants pour la saisie des données dans les formulaires
- Utiliser les propriétés interactives
- value
- defaultValue
- checked
- selected
- Prendre en compte les mises à jour des composants des formulaires avec onChange
- Comparer les composants contrôlés et non contrôlés
- Appliquer la convention onChange / setState()
- Utiliser LinkedStateMixin
- Passer des objets ReactLink dans la hiérarchie des propriétés
- Appeler Ajax depuis React
- Mapper les accès CRUD aux actions REST
- GET
- POST
- PUT
- DELETE
- Identifier les composants avec key
Développement d'applications Flux
Modélisation de l'interactivité des données côté client
- Identifier les participants
- Actions
- Dispatcher
- Stores
- Views
- Utiliser le flux de données unidirectionnel
- Comparaison entre Flux, MVC (Model View Controller), Redux et Relay
- Développer les fonctionnalités du dispatcher de Facebook
- Utiliser Node.js EventEmitter avec des stores personnalisés
- Refactoriser l'accès aux services REST de React avec « Action Creators » du composant "Flux"
- Utiliser react-router pour les URL sémantiques
- Mapper les chemins et les paramètres des URL aux gestionnaires
Analyse des applications React
Outils de développement
- Inspecter les composants React avec des extensions de navigateur
- Identifier et déboguer les erreurs de rendu
- Running tests with Jest
- Simuler un event dispatch avec ReactTestUtils.Simulate
- Définir une valeur de référence
- Surveiller les performances lors de l'exécution de React avec Perf.start() et stop()
- Améliorer la vitesse d'exécution
Animation des applications React
- Ajouter le module complémentaire react-css-transition-group
- Utiliser le composant ReactCSSTransitionGroup
- Créer des animations et des transitions CSS
Informations complémentaires
Avez-vous besoin d'un coach de formation?
Il vous aidera à comparer différents cours et à trouver la solution la plus abordable.
React : développement d’applications web