Skip to Main Content
Fluent React
book

Fluent React

by Tejas Kumar
September 2024
Intermediate to advanced content levelIntermediate to advanced
336 pages
9h 26m
German
O'Reilly Media, Inc.
Book available
Content preview from Fluent React

Kapitel 4. Innere Versöhnung

Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: translation-feedback@oreilly.com

Um React wirklich gut zu beherrschen, müssen wir verstehen , was die Funktionen tun. Bis jetzt haben wir JSX und React.createElement verstanden. Wir haben auch das virtuelle DOM einigermaßen detailliert verstanden. In diesem Kapitel wollen wir die praktischen Anwendungen vonReact erkunden und verstehen, was ReactDOM.createRoot(element).​ren⁠der() tut. Wir werden insbesondere untersuchen , wie React sein virtuelles DOM aufbaut und dann das reale DOM durch einen Prozess aktualisiert, der sichAbgleich nennt .

Die Versöhnung verstehen

Um es kurz zu machen: Das virtuelle DOM von React ist ein Entwurf unseres gewünschten UI-Zustands. React nimmt diesen Entwurf und setzt ihn durch einen Prozess namensReconciliation in einer bestimmten Host-Umgebung um; normalerweise ein Webbrowser, aber möglicherweise auch andere Umgebungen wie Shells, native Plattformen wie iOS und Android und mehr.

Betrachte den folgenden Codeschnipsel:

import { useState } from "react";

const App = () => {
  const [count, setCount] = useState(0);

  return (
    <main>
      <div>
        <h1>Hello, world!</h1>
        <span>Count: {count}</span>
        <button onClick={() => setCount(count + 1)}>Increment</button>
      </div>
    </main>
  );
};

Dieser Codeschnipsel enthält eine deklarative Beschreibung dessen, was unser UI-Zustand sein soll: ein Baum von Elementen. Sowohl unsere Teammitglieder als auch ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Fluent React

Fluent React

Tejas Kumar
React in Depth

React in Depth

Morten Barklund
React Quickly, Second Edition

React Quickly, Second Edition

Azat Mardan, Morten Barklund
React Native - The Practical Guide

React Native - The Practical Guide

Academind by Maximilian Schwarzmüller GmbH

Publisher Resources

ISBN: 9781098183868