You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/2/en/part2e.md
+7-7Lines changed: 7 additions & 7 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -243,7 +243,7 @@ const Footer = () => {
243
243
return (
244
244
<div style={footerStyle}>
245
245
<br />
246
-
<em>Note app, Department of Computer Science, University of Helsinki 2023</em>
246
+
<em>Note app, Department of Computer Science, University of Helsinki 2024</em>
247
247
</div>
248
248
)
249
249
}
@@ -282,15 +282,15 @@ The code of the final version of our application can be found in the <i>part2-8
282
282
283
283
<h3>Exercises 2.16.-2.17.</h3>
284
284
285
-
<h4>2.16: Phonebook step11</h4>
285
+
<h4>2.16: Phonebook step 11</h4>
286
286
287
287
Use the [improved error message](/en/part2/adding_styles_to_react_app#improved-error-message) example from part 2 as a guide to show a notification that lasts for a few seconds after a successful operation is executed (a person is added or a number is changed):
288
288
289
289

290
290
291
-
<h4>2.17*: Phonebook step12</h4>
291
+
<h4>2.17*: Phonebook step 12</h4>
292
292
293
-
Open your application in two browsers. **If you delete a person in browser 1** a short while before attempting to <i>change the person's phone number</i> in browser 2, you will get the following 2 error messages:
293
+
Open your application in two browsers. **If you delete a person in browser 1** a short while before attempting to <i>change the person's phone number</i> in browser 2, you will get the following error messages:
294
294
295
295

296
296
@@ -383,7 +383,7 @@ const App = () => {
383
383
// ...
384
384
```
385
385
386
-
on the first render the following code gets executed
386
+
on the first render the following code gets executed:
387
387
388
388
```js
389
389
notesToShow = notes
@@ -565,7 +565,7 @@ However, there are situations where that technique would not work. For example,
565
565
566
566
<h3>Exercises 2.18.-2.20.</h3>
567
567
568
-
<h4>2.18* Data for countries, step1</h4>
568
+
<h4>2.18* Data for countries, step 1</h4>
569
569
570
570
At [https://studies.cs.helsinki.fi/restcountries/](https://studies.cs.helsinki.fi/restcountries/) you can find a service that offers a lot of information related to different countries in a so-called machine-readable format via the REST API. Make an application that allows you to view information from different countries.
571
571
@@ -585,7 +585,7 @@ When there is only one country matching the query, then the basic data of the co
585
585
586
586
**NB**: It is enough that your application works for most countries. Some countries, like <i>Sudan</i>, can be hard to support since the name of the country is part of the name of another country, <i>South Sudan</i>. You don't need to worry about these edge cases.
587
587
588
-
<h4>2.19*: Data for countries, step2</h4>
588
+
<h4>2.19*: Data for countries, step 2</h4>
589
589
590
590
**There is still a lot to do in this part, so don't get stuck on this exercise!**
0 commit comments