Les bases de ReactJS

JavaScript peut accéder à tous les éléments d’une page Web en utilisant le modèle d’objet de document (DOM). En fait, le navigateur Web crée un DOME de la page Web lorsque la page est chargée. Apprenez à créer des application avec React.js.

Comment utiliser DOM et les événements

En utilisant DOM, JavaScript peut effectuer plusieurs tâches. Il peut créer de nouveaux éléments et attributs, modifier les éléments et attributs existants et même supprimer les éléments et attributs existants. JavaScript peut également réagir aux événements existants et créer de nouveaux événements dans la page.

Plan de cours

• Contexte ReactJS
• Quelques stats
• ReactJS : une approche orientée composant
• Avantages
• Une page web avec des composants
• ReactJS : Virtual DOM
• ReacJS : Single Page Application (SPA)
• Architecture de l’application ReactJS
• Comment ça fonctionne en pratique
• Ma première application ReactJS
• JSX – quelques spécificités
• Exercices
• Les composants ReactJS
• Les propriétés
• L’état du composant
• Modification de l’état
• React et style CSS
• React interractif

Profitez de ce manuel de formation en PDF pour comprendre mieux le React.js et enrichir votre connaissance.

Commencez à télécharger ce cours adapté pour vous et à apprendre React.js.

Contexte ReactJS Ma première application Les composants ReactJS React et style CSS React interractif ReduxReactJS : Virtual DOM²Modication d’un noeud du DOM demande de recharger l’ensemble de lapage web (code HTML, CSS, javascript, …) !cela prend du temps…² Virtual DOMReprésentation mémoire de l’arbre DOM.Il possède 2 représentations (état précédent et état courant)Lors de la modication d’un composant, Virtual-DOM va prendre en compte sa représentation, la comparer avec le Virtual-DOM de l’étatprécédent et déduire les opérations minimales à exécuter pour que leDOM réel soit conforme au virtuel.Les modications du DOM sont faites par batch, une seule fois !onle « remplace ». « rendering the Virtual DOM will always be faster than rendering a UIin the actual browser DOM »source https:// www. accelebrate. com/ blog/ the- real- benefits- of- the- virtual- dom- in- react- js/ L3 Info – 3I0179/38