From 2426cd56bce559c1fef505a91960127e1452fee8 Mon Sep 17 00:00:00 2001 From: Philippe Torrel Date: Fri, 30 Oct 2026 09:31:44 +0100 Subject: [PATCH] --- 06_react/agenda.md | 19 +++++++++++-------- .../examples/ExampleUseCallback.jsx | 1 + .../02_react-app-with-tests/package-lock.json | 2 +- .../02_react-app-with-tests/package.json | 2 +- .../{ => examples}/ExampleComponent.jsx | 0 .../__test__/ExampleComponent.test.jsx | 0 .../{test => tests}/ExampleComponent.test.jsx | 2 +- .../src/{test => tests}/setup.js | 0 .../02_react-app-with-tests/vite.config.js | 2 +- 9 files changed, 16 insertions(+), 12 deletions(-) rename 06_react/unterricht/tag39/02_react-app-with-tests/src/components/{ => examples}/ExampleComponent.jsx (100%) rename 06_react/unterricht/tag39/02_react-app-with-tests/src/components/{ => examples}/__test__/ExampleComponent.test.jsx (100%) rename 06_react/unterricht/tag39/02_react-app-with-tests/src/{test => tests}/ExampleComponent.test.jsx (89%) rename 06_react/unterricht/tag39/02_react-app-with-tests/src/{test => tests}/setup.js (100%) diff --git a/06_react/agenda.md b/06_react/agenda.md index c1223ee..68510a4 100644 --- a/06_react/agenda.md +++ b/06_react/agenda.md @@ -582,7 +582,7 @@ Projektarbeit **Übungen:** -Übung 08 - 11 +Übung 08 - 10 --- @@ -595,7 +595,7 @@ Projektarbeit **Übungen:** -Übung 12 - 13 +Übung 11 - 14 --- @@ -607,6 +607,8 @@ Projektarbeit - Hooks in React. `useState`, `useReducer`, `useContext`, `useId`. - Routing in React - Verschachtelte Routen und Layout-Komponenten +- Formulare in React +- Validierung classic **Übungen:** @@ -618,9 +620,9 @@ Projektarbeit **Inhalt:** -- Verschachtelte Routen und Layout-Komponenten -- Formulare in React -- Validierung classic +- Validierung mit `react-hook-form` und Schema Objekten +- Hook: `useEffect`. Arbeiten mit asynchronen Daten. +- Asynchron arbeiten mit axios/ fetch **Übungen:** @@ -632,9 +634,9 @@ Projektarbeit **Inhalt:** -- Validierung mit `react-hook-form` und Schema Objekten -- Hook: `useEffect`. Arbeiten mit asynchronen Daten. -- Asynchron arbeiten mit axios/ fetch +- Hook: `useEffect`, `useRef`, `useCallback`. Arbeiten mit asynchronen Daten. +- AbortController, loading und error hinzufügen. +- Testing in React. **Übungen:** @@ -648,6 +650,7 @@ Projektarbeit - Aktualisierung von Node - Testing in React +- Einführung JS/TS Debugging & Testing - **Exkurs: Sass 7 on 1 Struktur** - **Optimierung vom ProduktManager über KI** - **ProduktManager wird in TS migriert** diff --git a/06_react/unterricht/tag39/01_react-api-with-hooks/src/components/examples/ExampleUseCallback.jsx b/06_react/unterricht/tag39/01_react-api-with-hooks/src/components/examples/ExampleUseCallback.jsx index 02f8422..b693ee0 100644 --- a/06_react/unterricht/tag39/01_react-api-with-hooks/src/components/examples/ExampleUseCallback.jsx +++ b/06_react/unterricht/tag39/01_react-api-with-hooks/src/components/examples/ExampleUseCallback.jsx @@ -35,6 +35,7 @@ const ExampleUseCallback = (props) => {
  • { handleClick(e, product.id); }}> diff --git a/06_react/unterricht/tag39/02_react-app-with-tests/package-lock.json b/06_react/unterricht/tag39/02_react-app-with-tests/package-lock.json index f0140aa..0039734 100644 --- a/06_react/unterricht/tag39/02_react-app-with-tests/package-lock.json +++ b/06_react/unterricht/tag39/02_react-app-with-tests/package-lock.json @@ -21,7 +21,7 @@ "@types/react-dom": "^19.3.0", "@vitejs/plugin-react": "^6.1.2", "jsdom": "^30.1.3", - "oxlint": "^1.89.0", + "oxlint": "^1.90.0", "sass-embedded": "^1.107.0", "vite": "^8.3.5", "vitest": "^5.0.5" diff --git a/06_react/unterricht/tag39/02_react-app-with-tests/package.json b/06_react/unterricht/tag39/02_react-app-with-tests/package.json index e165c2f..0f13386 100644 --- a/06_react/unterricht/tag39/02_react-app-with-tests/package.json +++ b/06_react/unterricht/tag39/02_react-app-with-tests/package.json @@ -25,7 +25,7 @@ "@types/react-dom": "^19.3.0", "@vitejs/plugin-react": "^6.1.2", "jsdom": "^30.1.3", - "oxlint": "^1.89.0", + "oxlint": "^1.90.0", "sass-embedded": "^1.107.0", "vite": "^8.3.5", "vitest": "^5.0.5" diff --git a/06_react/unterricht/tag39/02_react-app-with-tests/src/components/ExampleComponent.jsx b/06_react/unterricht/tag39/02_react-app-with-tests/src/components/examples/ExampleComponent.jsx similarity index 100% rename from 06_react/unterricht/tag39/02_react-app-with-tests/src/components/ExampleComponent.jsx rename to 06_react/unterricht/tag39/02_react-app-with-tests/src/components/examples/ExampleComponent.jsx diff --git a/06_react/unterricht/tag39/02_react-app-with-tests/src/components/__test__/ExampleComponent.test.jsx b/06_react/unterricht/tag39/02_react-app-with-tests/src/components/examples/__test__/ExampleComponent.test.jsx similarity index 100% rename from 06_react/unterricht/tag39/02_react-app-with-tests/src/components/__test__/ExampleComponent.test.jsx rename to 06_react/unterricht/tag39/02_react-app-with-tests/src/components/examples/__test__/ExampleComponent.test.jsx diff --git a/06_react/unterricht/tag39/02_react-app-with-tests/src/test/ExampleComponent.test.jsx b/06_react/unterricht/tag39/02_react-app-with-tests/src/tests/ExampleComponent.test.jsx similarity index 89% rename from 06_react/unterricht/tag39/02_react-app-with-tests/src/test/ExampleComponent.test.jsx rename to 06_react/unterricht/tag39/02_react-app-with-tests/src/tests/ExampleComponent.test.jsx index 133a441..d37bfde 100644 --- a/06_react/unterricht/tag39/02_react-app-with-tests/src/test/ExampleComponent.test.jsx +++ b/06_react/unterricht/tag39/02_react-app-with-tests/src/tests/ExampleComponent.test.jsx @@ -1,5 +1,5 @@ import { render, screen } from '@testing-library/react'; -import ExampleComponent from '../components/ExampleComponent'; +import ExampleComponent from '../components/examples/ExampleComponent'; // import nicht notwendig ( Findet automatisch durch globale Setting statt) import { test, it, expect } from 'vitest'; diff --git a/06_react/unterricht/tag39/02_react-app-with-tests/src/test/setup.js b/06_react/unterricht/tag39/02_react-app-with-tests/src/tests/setup.js similarity index 100% rename from 06_react/unterricht/tag39/02_react-app-with-tests/src/test/setup.js rename to 06_react/unterricht/tag39/02_react-app-with-tests/src/tests/setup.js diff --git a/06_react/unterricht/tag39/02_react-app-with-tests/vite.config.js b/06_react/unterricht/tag39/02_react-app-with-tests/vite.config.js index d343085..bdb2bb6 100644 --- a/06_react/unterricht/tag39/02_react-app-with-tests/vite.config.js +++ b/06_react/unterricht/tag39/02_react-app-with-tests/vite.config.js @@ -9,7 +9,7 @@ export default defineConfig({ // Vitest configuration globals: true, // make the global objects available in the test environment environment: 'jsdom', // use jsdom as the test environment - setupFiles: './src/test/setup.js', // if you have a setup file + setupFiles: './src/tests/setup.js', // if you have a setup file // more options here }, });