react: various updates after last course

horstjens · Apr 20, 2021 · 83cab1a · 83cab1a
1 parent b096cbe
commit 83cab1a
Show file tree

Hide file tree

Showing 58 changed files with 2,553 additions and 1,364 deletions.
diff --git a/dist/javascript-testing-de-document.html b/dist/javascript-testing-de-document.html
@@ -258,6 +258,9 @@ <h2>Puppeteer</h2>
 <li><code>page.waitForNavigation()</code></li>
 </ul>
 <p><a href="https://github.com/puppeteer/puppeteer/blob/main/docs/api.md">vollständiges API</a></p>
+<h2>Übung</h2>
+<p>schreibe Tests für die Todo-App unter:</p>
+<p><a href="https://do49e.csb.app/">https://do49e.csb.app/</a></p>
 <h1>Mocking mit Jest</h1>
 <h2>Mocking von built-ins</h2>
 <p>Mocking von <em>localStorage</em> (welches in node nicht verfügbar ist) mit Beispieldaten:</p>
@@ -272,7 +275,7 @@ <h2>Mocking von Modulen</h2>
 }));
 </code></pre>
 <h2>Mocking von Modulen</h2>
-<p>Mocking von Modulen via __mocks__ folders:</p>
+<p>Mocking von Modulen via __mocks__ Ordnern:</p>
 <pre><code class="hljs language-txt">__mocks__/fs.js
 __mocks__/axios.js
 src/foo.js

diff --git a/dist/javascript-testing-de.html b/dist/javascript-testing-de.html
@@ -2320,6 +2320,9 @@
 <li><code>page.waitForNavigation()</code></li>
 </ul>
 <p><a href="https://github.com/puppeteer/puppeteer/blob/main/docs/api.md">vollständiges API</a></p>
+</section><section class="slide"><h2>Übung</h2>
+<p>schreibe Tests für die Todo-App unter:</p>
+<p><a href="https://do49e.csb.app/">https://do49e.csb.app/</a></p>
 </section></section><section class="slides-section"><section class="slide"><h1>Mocking mit Jest</h1>
 </section><section class="slide"><h2>Mocking von built-ins</h2>
 <p>Mocking von <em>localStorage</em> (welches in node nicht verfügbar ist) mit Beispieldaten:</p>
@@ -2334,7 +2337,7 @@
 }));
 </code></pre>
 </section><section class="slide"><h2>Mocking von Modulen</h2>
-<p>Mocking von Modulen via __mocks__ folders:</p>
+<p>Mocking von Modulen via __mocks__ Ordnern:</p>
 <pre><code class="hljs language-txt">__mocks__/fs.js
 __mocks__/axios.js
 src/foo.js

diff --git a/dist/javascript-testing-de.md b/dist/javascript-testing-de.md
@@ -356,6 +356,12 @@ wichtige Methoden:
 
 [vollständiges API](https://github.com/puppeteer/puppeteer/blob/main/docs/api.md)
 
+## Übung
+
+schreibe Tests für die Todo-App unter:
+
+<https://do49e.csb.app/>
+
 # Mocking mit Jest
 
 ## Mocking von built-ins
@@ -380,7 +386,7 @@ jest.mock('axios', () => ({
 
 ## Mocking von Modulen
 
-Mocking von Modulen via \_\_mocks\_\_ folders:
+Mocking von Modulen via \_\_mocks\_\_ Ordnern:
 
 ```txt
 __mocks__/fs.js

diff --git a/dist/javascript-testing-en-document.html b/dist/javascript-testing-en-document.html
@@ -258,6 +258,9 @@ <h2>Puppeteer</h2>
 <li><code>page.waitForNavigation()</code></li>
 </ul>
 <p><a href="https://github.com/puppeteer/puppeteer/blob/main/docs/api.md">complete API</a></p>
+<h2>Exercise</h2>
+<p>Write tests for the todo app at:</p>
+<p><a href="https://do49e.csb.app/">https://do49e.csb.app/</a></p>
 <h1>Mocking with jest</h1>
 <h2>Mocking built-ins</h2>
 <p>mocking <em>localStorage</em> (which is not available in node) with example content:</p>

diff --git a/dist/javascript-testing-en.html b/dist/javascript-testing-en.html
@@ -2320,6 +2320,9 @@
 <li><code>page.waitForNavigation()</code></li>
 </ul>
 <p><a href="https://github.com/puppeteer/puppeteer/blob/main/docs/api.md">complete API</a></p>
+</section><section class="slide"><h2>Exercise</h2>
+<p>Write tests for the todo app at:</p>
+<p><a href="https://do49e.csb.app/">https://do49e.csb.app/</a></p>
 </section></section><section class="slides-section"><section class="slide"><h1>Mocking with jest</h1>
 </section><section class="slide"><h2>Mocking built-ins</h2>
 <p>mocking <em>localStorage</em> (which is not available in node) with example content:</p>

diff --git a/dist/javascript-testing-en.md b/dist/javascript-testing-en.md
@@ -356,6 +356,12 @@ important methods:
 
 [complete API](https://github.com/puppeteer/puppeteer/blob/main/docs/api.md)
 
+## Exercise
+
+Write tests for the todo app at:
+
+<https://do49e.csb.app/>
+
 # Mocking with jest
 
 ## Mocking built-ins

diff --git a/dist/react-class-components-de-document.html b/dist/react-class-components-de-document.html
@@ -219,4 +219,7 @@ <h2>Beispiel: Clock-Komponente</h2>
   <span class="hljs-function"><span class="hljs-title">componentWillUnmount</span>(<span class="hljs-params"></span>)</span> {
     <span class="hljs-built_in">clearInterval</span>(<span class="hljs-built_in">this</span>.intervalId);
   }
-</code></pre>
+</code></pre>
+<h1>Exercises</h1>
+<h2>Exercises</h2>
+<p>convert existing components (e.g. <code>AddTodo</code>) from function components to class components</p>
diff --git a/dist/react-class-components-de.html b/dist/react-class-components-de.html
@@ -2281,7 +2281,10 @@
   <span class="hljs-function"><span class="hljs-title">componentWillUnmount</span>(<span class="hljs-params"></span>)</span> {
     <span class="hljs-built_in">clearInterval</span>(<span class="hljs-built_in">this</span>.intervalId);
   }
-</code></pre></section></section></div>
+</code></pre>
+</section></section><section class="slides-section"><section class="slide"><h1>Exercises</h1>
+</section><section class="slide"><h2>Exercises</h2>
+<p>convert existing components (e.g. <code>AddTodo</code>) from function components to class components</p></section></section></div>
     </div>
     <script>/*!
  * reveal.js

diff --git a/dist/react-class-components-de.md b/dist/react-class-components-de.md
@@ -304,3 +304,9 @@ class DocumentTitle extends Component {
     clearInterval(this.intervalId);
   }
 ```
+
+# Exercises
+
+## Exercises
+
+convert existing components (e.g. `AddTodo`) from function components to class components
diff --git a/dist/react-class-components-en-document.html b/dist/react-class-components-en-document.html
@@ -219,4 +219,7 @@ <h2>Example: Clock component</h2>
   <span class="hljs-function"><span class="hljs-title">componentWillUnmount</span>(<span class="hljs-params"></span>)</span> {
     <span class="hljs-built_in">clearInterval</span>(<span class="hljs-built_in">this</span>.intervalId);
   }
-</code></pre>
+</code></pre>
+<h1>Übungen</h1>
+<h2>Übungen</h2>
+<p>Konvertiere bestehende Komponenten (z.B. <code>AddTodo</code>) von Funktionskomponenten zu Klassenkomponenten</p>
diff --git a/dist/react-class-components-en.html b/dist/react-class-components-en.html
@@ -2281,7 +2281,10 @@
   <span class="hljs-function"><span class="hljs-title">componentWillUnmount</span>(<span class="hljs-params"></span>)</span> {
     <span class="hljs-built_in">clearInterval</span>(<span class="hljs-built_in">this</span>.intervalId);
   }
-</code></pre></section></section></div>
+</code></pre>
+</section></section><section class="slides-section"><section class="slide"><h1>Übungen</h1>
+</section><section class="slide"><h2>Übungen</h2>
+<p>Konvertiere bestehende Komponenten (z.B. <code>AddTodo</code>) von Funktionskomponenten zu Klassenkomponenten</p></section></section></div>
     </div>
     <script>/*!
  * reveal.js

diff --git a/dist/react-class-components-en.md b/dist/react-class-components-en.md
@@ -304,3 +304,9 @@ class DocumentTitle extends Component {
     clearInterval(this.intervalId);
   }
 ```
+
+# Übungen
+
+## Übungen
+
+Konvertiere bestehende Komponenten (z.B. `AddTodo`) von Funktionskomponenten zu Klassenkomponenten