Ymmärrämme:

• Reitityksen merkityksen;
• React Router -kirjaston tarkoituksen.

Seuraavaksi tarkastellaan URL-osoitteiden rakennetta. Mistä osista se koostuu ja miten voimme rakentaa sen oikein?

URL-osoitteet eli Uniform Resource Locatorit ovat keskeisiä verkkorakenteen elementtejä.

URL-osoitteen rakenne

URL-osoite koostuu useista keskeisistä osista, joilla jokaisella on oma tehtävänsä:

1. Scheme: Scheme määrittää protokollan, jota käytetään resurssin hakemiseen, tyypillisesti http tai https. Se kertoo selaimelle, miten yhdistää palvelimeen. Esimerkiksi https:// osoittaa suojatun HTTPS-yhteyden;
2. Domain: Tämä on verkkosivun osoite, kuten www.example.com. Domain määrittää palvelimen tai palvelun, jossa resurssi sijaitsee. Hyvin valittu domain on sekä mieleenpainuva että sivuston sisältöön sopiva;
3. Path: Path ilmaisee resurssin sijainnin palvelimella, esimerkiksi /products/category. Se on hierarkkinen merkkijono, jonka osat erotetaan kauttaviivalla (/);
4. Query Parameters: Nämä ovat avain-arvo -pareja, jotka löytyvät usein ?-merkin jälkeen URL-osoitteessa ja tarjoavat lisätietoa palvelimelle. Kyselyparametrit mahdollistavat dynaamisen sisällön ja tiedon hakemisen. Esimerkiksi URL-osoitteessa www.example.com/search?q=react, q on parametri ja react sen arvo;
5. Fragment: Fragment, jonka edessä on #, osoittaa tietyn kohdan verkkosivulla. Se ei vaikuta suoraan palvelinpyyntöihin, mutta sitä voidaan käyttää sivun sisäiseen navigointiin. Esimerkiksi www.example.com/page#section-2, #section-2 viittaa tiettyyn kohtaan sivulla.