This commit is contained in:
@@ -14,10 +14,21 @@
|
|||||||
<div class="container py-5">
|
<div class="container py-5">
|
||||||
<div class="alert alert-primary">
|
<div class="alert alert-primary">
|
||||||
<h2>Übung 1: Hello React!</h2>
|
<h2>Übung 1: Hello React!</h2>
|
||||||
<p>
|
<p>Setze das Projekt <code>01_hello-world</code> von Grund auf neu auf:</p>
|
||||||
Passe den Text in der App.jsx-Datei an, um eine andere Begrüßungsnachricht »Hello, React!« anzuzeigen. Führe
|
<ul>
|
||||||
das Build-Skript erneut aus und aktualisiere die index.html-Datei im Browser, um die Änderungen zu sehen.
|
<li>
|
||||||
</p>
|
<strong>Setup:</strong> Initialisiere das Projekt (<code>package.json</code>) und installiere die
|
||||||
|
notwendigen Pakete.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Komponente:</strong> Schreibe eine modulare Komponente <code>HelloReact.jsx</code> mit einer
|
||||||
|
passenden Grußnachricht.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Build & Test:</strong> Starte den Bundler, öffne die Seite im Browser und verifiziere, dass die
|
||||||
|
Komponente fehlerfrei angezeigt wird.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
Binary file not shown.
Reference in New Issue
Block a user