part 7

Author: mluukkai

src/components/PartBanner/PartBanner.js

@@ -12,9 +12,9 @@ const partNameTranslations = {
     'Palvelimen kanssa tapahtuva kommunikointi',
     'Palvelimen ohjelmointi NodeJS:n Express-kirjastolla',
     'Express-sovellusten testaaminen, käyttäjänhallinta',
-    'React-sovelluksen testaaminen',
+    'React-sovelluksen testaaminen, React Router',
     'Edistynyt tilan hallinta',
-    'React router, custom-hookit, tyylikirjastot ja webpack',
+    'custom-hookit, esbuild',
     'GraphQL',
     'TypeScript',
     'React Native',
@@ -28,9 +28,9 @@ const partNameTranslations = {
     'Communicating with server',
     'Programming a server with NodeJS and Express',
     'Testing Express servers, user administration',
-    'Testing React apps',
+    'Testing React apps, React Router',
     'Advanced state management',
-    'React router, custom hooks, styling app with CSS and webpack',
+    'Custom hooks, esbuild',
     'GraphQL',
     'TypeScript',
     'React Native',

src/content/7/en/part7.md

@@ -6,8 +6,7 @@ lang: en
 
 <div class="intro">
 
-The seventh part of the course touches on several different themes. First, we'll get familiar with React Router. React Router helps us divide the application into different views that are shown based on the URL in the browser's address bar. After this, we'll look at a few more ways to add CSS styles to React applications. During the entire course, we've used Vite to build all of our applications. 
-It is also possible to configure the whole toolchain yourself, and in this part we will see how this can be done with a tool called Webpack. We shall also have a look at hook functions and how to define a custom hook.
+The seventh part of the course covers several topics. We begin by looking at how to define custom hook functions. After that, we explore how bundling works in React applications: we get acquainted with esbuild as a low-level bundler and look at how Vite can be configured for different scenarios. Toward the end of the part, we briefly cover class components and other React development topics such as code organization and state management.
 
 <i>Part updated April 6th 2026</i>
 - <i>React router, UI libraries and Styled components moved to part5</i>

src/content/7/fi/osa7.md

@@ -6,7 +6,7 @@ lang: fi
 
 <div class="intro">
 
-Kurssin seitsemäs osa käsittelee montaa teemaa. Ensin tutustutaan React routeriin, jonka avulla sovellus voidaan jakaa useiksi eri näkymiksi, joiden näkymistä hallitaan selaimen osoiterivillä olevalla URL:illa. Tämän jälkeen katsotaan vielä muutamaa tapaa miten CSS-tyylejä voi lisätä React-sovelluksille. Olemme koko kurssin käyttäneet Viteä sovellusten rungon luomiseen. Sovelluskehitykseen liittyvät työkalut on myös mahdollista konfiguroida itse, ja tässä osassa katsomme miten tämä onnistuu Webpack-nimisellä työkalulla. Käymme myös katsauksen siitä miten voimme määritellä itse hook-funktiota.
+Kurssin seitsemäs osa käsittelee montaa teemaa. Ensin tutustutaan siihen, miten omia hook-funktioita voidaan määritellä. Tämän jälkeen käydään läpi, miten React-sovellusten bundlaus toimii: tutustumme esbuildiin matalan tason bundlerina ja katsomme, miten Viteä voidaan konfiguroida eri tilanteisiin. Osan loppupuolella käydään lyhyesti läpi luokkakomponentit sekä muita React-sovelluskehitykseen liittyviä aiheita kuten koodin organisointia ja tilanhallintaa.
 
 Kurssin seitsemännen osan teemoihin liittyvät myös useat yhteistyökumppaniemme asiantuntijoiden vierailuluennoista, jotka löydät <a href='https://www.youtube.com/playlist?list=PLumQiZ25uijis31zaRL7rhzLalSwLqUtm'><span style='text-decoration: underline;'>täältä</span></span></a>.