part 12 new version

Author: mluukkai

src/content/0/en/part0a.md

@@ -340,6 +340,7 @@ Despite changes *all the submitted exercises remain valid*, and the course can b
 
 Recent major changes
 
+- Part 10 (March 21, 2024): Create React app replaced with Vite
 - Parts 3-5 (February-March 2024): Libraries used for testing changed
 - Part 10 (February 26, 2024): Library versions updated
 - Part 11 (16th January 2024): Example project dependencies updated

src/content/0/fi/osa0a.md

@@ -282,6 +282,7 @@ Kurssilla ei ole enää vuosittaisia versiota. Kurssi on siis käynnissä koko a
 Muutoksista huolimatta <i>kaikki jo tehdyt palautukset säilyvät voimassa</i>, eli voit jatkaa kurssia päivityksistä huolimatta normaaliin tapaan.
 
 Viimeaikaisia isompia muutoksia
+- Osa 12 10 (21.3.2024): Create React app korvattu Vitellä
 - Osat 3-5 (helmi-maaliskuu 2024): Testaukseen käytetyt kirjastot muutettu
 - Osa 10 (26.2.2024): Kirjastoversiot päivitetty
 - Osa 11 (16.1.2024): Esimerkkiprojektin riippuvuudet päivitetty

src/content/10/en/part10.md

@@ -8,16 +8,12 @@ lang: en
 
 In this part, we will learn how to build native Android and iOS mobile applications with JavaScript and React using the React Native framework. We will dive into the React Native ecosystem by developing an entire mobile application from scratch. Along the way, we will learn concepts such as how to render native user interface components with React Native, how to create beautiful user interfaces, how to communicate with a server, and how to test a React Native application.
 
-<i>Part updated 17th Feb 2023</i>
-- <i>The last three exercises reordered: the old exercise 10.25 is now the last exercise of the part</i>
-
 <i>Part updated 26th Feb 2024</i>
 - <i>New Node 20 version of rate-repository-api</i>
 - <i>Material updated in parts 10a, 10b and 10c</i>
 
-
 Note: Some updates are not compatible anymore with material before Feb 2024.
-We recommend a fresh start with this new Part 10 material you're reading now. However, if you´re returning to this course after a break, and you want to continue the exercises in your older project, please use [Part 10 material before the upgrade](https://github.com/fullstack-hy2020/fullstack-hy2020.github.io/tree/e9784f36de8a0badc28fabde49e33e2959479177/src/content/10/en).
+We recommend a fresh start with this new Part 10 material you're reading now. However, if you´re returning to this course after a break, and you want to continue the exercises in your older project, please use [Part 10 material before the update](https://github.com/fullstack-hy2020/fullstack-hy2020.github.io/tree/e9784f36de8a0badc28fabde49e33e2959479177/src/content/10/en).
 
 
 </div>

src/content/10/en/part10a.md

@@ -8,7 +8,7 @@ lang: en
 <div class="content">
 
 Note: This course material was updated in Feb 2024. Some updates are not compatible anymore with older material.
-We recommend a fresh start with this new Part 10 material. However, if you´re returning to this course after a break, and you want to continue the exercises in your older project, please use [Part 10 material before the upgrade](https://github.com/fullstack-hy2020/fullstack-hy2020.github.io/tree/e9784f36de8a0badc28fabde49e33e2959479177/src/content/10/en).
+We recommend a fresh start with this new Part 10 material. However, if you´re returning to this course after a break, and you want to continue the exercises in your older project, please use [Part 10 material before the update](https://github.com/fullstack-hy2020/fullstack-hy2020.github.io/tree/e9784f36de8a0badc28fabde49e33e2959479177/src/content/10/en).
 
 Traditionally, developing native iOS and Android applications has required the developer to use platform-specific programming languages and development environments. For iOS development, this means using Objective C or Swift and for Android development using JVM-based languages such as Java, Scala or Kotlin. Releasing an application for both these platforms technically requires developing two separate applications with different programming languages. This requires lots of development resources.
 

src/content/12/en/part12.md

@@ -15,4 +15,6 @@ This section has been created by [Jami Kousa](https://github.com/jakousa) in col
 <i>Part updated 21th Mar 2024</i>
 - <i>Create react app replaced with Vite</i>
 
+**Note:** If you started the part before the update, you can see [here](https://github.com/fullstack-hy2020/fullstack-hy2020.github.io/tree/4015af9dddb61cb01f013456d8728e8f553be347/src/content/12) the old material. There are some changes in the frontend configurations.
+
 </div>

src/content/12/en/part12a.md

@@ -5,6 +5,16 @@ letter: a
 lang: en
 ---
 
+<div class="content">
+</div>
+
+<div class="tasks">
+
+The part was updated 21th Mar 2024: Create react app was replaced with Vite in the todo-frontend.
+
+If you started the part before the update, you can see [here](https://github.com/fullstack-hy2020/fullstack-hy2020.github.io/tree/4015af9dddb61cb01f013456d8728e8f553be347/src/content/12) the old material. There are some changes in the frontend configurations.
+</div>
+
 <div class="content">
 
 Software development includes the whole lifecycle from envisioning the software to programming and to releasing it to the end-users and even maintaining it. This part will introduce containers, a modern tool utilized in the latter parts of the software lifecycle.

src/content/12/en/part12b.md

@@ -6,7 +6,16 @@ lang: en
 ---
 
 <div class="content">
+</div>
+
+<div class="tasks">
+
+The part was updated 21th Mar 2024: Create react app was replaced with Vite in the todo-frontend.
 
+If you started the part before the update, you can see [here](https://github.com/fullstack-hy2020/fullstack-hy2020.github.io/tree/4015af9dddb61cb01f013456d8728e8f553be347/src/content/12) the old material. There are some changes in the frontend configurations.
+</div>
+
+<div class="content">
 
 In the previous section, we used two different base images: ubuntu and node and did some manual work to get a simple "Hello, World!" running. The tools and commands we learned during that process will be helpful. In this section, we will learn how to build images and configure environments for our applications. We will start with a regular Express/Node.js backend and build on top of that with other services, including a MongoDB database.
 

src/content/12/en/part12c.md

@@ -5,6 +5,16 @@ letter: c
 lang: en
 ---
 
+<div class="content">
+</div>
+
+<div class="tasks">
+
+The part was updated 21th Mar 2024: Create react app was replaced with Vite in the todo-frontend.
+
+If you started the part before the update, you can see [here](https://github.com/fullstack-hy2020/fullstack-hy2020.github.io/tree/4015af9dddb61cb01f013456d8728e8f553be347/src/content/12) the old material. There are some changes in the frontend configurations.
+</div>
+
 <div class="content">
 
 We have now a basic understanding of Docker and can use it to easily set up eg. a database for our app. Let us now move our focus to the frontend.