Reititys Reactissa Router-kirjaston avulla

Tässä osiossa tutustumme erittäin mielenkiintoiseen ja tärkeään aihealueeseen web-sovelluksia luotaessa - reititykseen. Juuri reitityksen ansiosta käyttäjä voi liikkua useiden web-sivujen joukossa toimintojen tai lähetettyjen pyyntöjen mukaisesti.

Tästä opetusohjelmasta opimme, kuinka käyttää ulkoista kirjastoa React Router luodaksemme React-sovelluksia, joissa on reititys.

React Router mahdollistaa reitityksen työskentelyn sekä asiakaspuolella (eli selaimessa) että palvelinpuolella. Sen avulla voidaan luoda monimutkaisia yksisivuisia web-sovelluksia, jotka käyttävät navigointia ilman koko sivun päivittämistä (eli ilman ylimääräisiä palvelinyhteyksiä), sekä työskennellä selaimen historian kanssa (taaksepäin nuolet).

React Router käyttää komponenttipohjaista arkkitehtuuria. Näin ollen tämä kirjasto mahdollistaa navigoinnin useiden React-sovelluksen komponenttien välillä, URL-osoitteen muuttamisen selaimessa ja sovelluksen tilan synkronoinnin URL-osoitteen kanssa.