Développer une application web avec React.js Flashcards
Définition SPA
Une application SPA (pour Single Page Application) est une application web, composée de HTML, CSS et JavaScript, qui ne contient qu’une seule page.
Fonctionnement du MPA ?
Le nouveau serveur demande une recharge complète de la page pour afficher le contenu HTML en réponse, formant ainsi une MPA (Multiple Page Application) pour chaque demande.
Définition AJAX
AJAX, pour Asynchronous JavaScript and XML.
A quoi sert XML et JSON ?
XML et JSON sont des formats de données standardisés qui permettent de structurer un ensemble complexe de données.
Comment fonctionne le modèle MVC?
MVC, ou Model View Controller, est une architecture qui sépare les responsabilités d’une application web en trois entités distinctes : le modèle, qui gère l’accès et la mise en forme des données, la vue, qui gère la mise en forme de l’écran et l’interface, et le contrôleur, responsable des tâches logiques. Le MVC est modélisé comme une entreprise, le modèle jouant le rôle d’administrateur et la vue celui de gestionnaire de la commercialisation des services. Le contrôleur, quant à lui, est le PDG et fournit des directives générales. Le contrôleur effectue une requête POST avec les identifiants et vérifie si les identifiants sont valides dans la Base de données (BDD). Si c’est le cas, le contrôleur renvoie les données à la vue et affiche le panneau d’administration.
Définition MVVM?
MVVM, pour Model View ViewModel.
Définition de binding ?
Le binding est un mécanisme qui permet de faire des liaisons entre des données de manière dynamiques.
Définition du DOM ?
Le DOM est une API navigateur qui peut être très lente pour un gros volume de nœuds de DOM ou un gros volume de modifications à apporter.
Qu’est-ce que le Virtual DOM ?
C’est une copie de l’ensemble de l’arbre de DOM réalisé en JavaScript. C’EST PLUS RAPIDE QUE LE DOM
Que veux dire MVC ?
MVC, ou Model View Controller, est une architecture qui sépare les responsabilités d’une application web en trois entités distinctes : le modèle, qui gère l’accès et la mise en forme des données, la vue, qui gère la mise en forme de l’écran et l’interface, et le contrôleur, responsable des tâches logiques.
Cite moi La différence entre les trois couche MVC .
Pour faciliter la compréhension et pour caricaturer un peu, imaginons le MVC comme une entreprise. Au sein de celle-ci, on retrouve une hiérarchie bien en place.
Modèle (Model) : On le voit comme l’administrateur. Il va gérer les communications avec une source de données comme les bases de données.
Vue (View) : Au niveau de l’entreprise, on va le voir comme le service marketing. Il va gérer la présentation de notre site.
Contrôleur (Controller) :
On va considérer le Contrôleur comme le CEO de l’entreprise. Il va donner les directives en général. Au niveau du code, si on appelle une route, on va alors solliciter le Contrôleur qui gère la route en question.
le binding est unidirectionnel (one-way data-binding) c’est quoi ?
la variable impacte le DOM (le contenu de la variable est ajouté au DOM), mais une modification du DOM (comme le fait de supprimer la balise h1) ne changera pas le contenu de la variable.
un binding bidirectionnel (two-way data-binding)?
Il est aussi possible de lier les données au DOM et d’écouter les événements en provenance du DOM pour modifier les données en conséquence : c’est le two-way data-binding.
React c’est quoi ?
React, a été développé par Facebook en 2011, est un bibliothèque de JavaScript étudiée pour créer interactives et dynamiques applications web. Développée par Facebook, elle se concentre sur la création de composants réutilisables et la manipulation dynamique de l’utilisateur, permettant une plus grande flexibilité dans la création d’interfaces utilisateur. Ce cours explore les fonctionnalités, les caractéristiques et les principes de React, y compris l’application à page unique (SPA) et le rendu côté client (CSR). Il est essentiel de faire la distinction entre la manipulation du DOM à partir du JavaScript natif et la manipulation du DOM par React.
Avantage SPA
Les SPA sont souvent critiques pour leur mauvaise performance en référencement naturel, mais React permet de créer des SPA indexées par les moteurs de recherche. Les techniques tels que prérendu server et gestion des métadonnées pour réseaux sociaux offrent une meilleure visibility pour les SPA. Enfin, React a une plus rapide et scalability comparé à des technologies web traditionnelles, réduisant les coûts de développement et libérant les projets plus rapidement.
Définition CDN ?
Il s’agit d’un réseau de serveurs informatiques répartis géographiquement dans le monde entier, conçu pour fournir rapidement des contenus (tels que des images, des vidéos, des scripts, etc.) à des utilisateurs finaux.
Qu’est-ce que le CSR ?
Le CSR (Client Side Rendering) est une technique de développement web qui permet de générer une application web dans le navigateur de l’utilisateur plutôt que sur le serveur.
Comment fonctionnent CSR ?
CSR
*envoie requete au serveur et récupere le squeltte HTML
* envoie le squellette sur la page par un script JavaScript qui va se charger de générer dynamiquement le HTML
*et l’affiche à l’utilisateur
Que veux dire SSR?
Le SSR (Server-Side Rendering) est une technique de rendu de pages web qui permet au serveur de générer le code HTML complet d’une page web et de le renvoyer au navigateur de l’utilisateur.
Avantages du SSR ?
le SSR avec React, les avantages incluent une amélioration de la performance, une meilleure accessibilité pour les moteurs de recherche, et une expérience utilisateur plus rapide et plus fiable.
Définition du DOM ?
Le DOM (Document Object Model) est une structure de données, hiérarchique en arbre qui représente la structure HTML de votre page web. Le DOM est utilisé pour représenter et manipuler les éléments de la page web en JavaScript.
VIRTUAL DOM définition?
Le Virtual DOM est une copie légère du DOM qui est créée et stockée en mémoire par React. Lorsqu’un composant React est mis à jour, le Virtual DOM est mis à jour en premier lieu, plutôt que le DOM réel.