Kuinka rakentaa ja käyttää valesovellusliittymiä React-sovelluksissa Mirage.js:n avulla

Kaltaisesi lukijat auttavat tukemaan MUO:ta. Kun teet ostoksen käyttämällä sivustollamme olevia linkkejä, voimme ansaita kumppanipalkkion. Lue lisää.

Täyspinon sovelluksia kehitettäessä merkittävä osa käyttöliittymätyöstä perustuu taustajärjestelmän reaaliaikaiseen dataan.

MUO päivän video JATKA SISÄLLÖLLÄ VIERÄTÄ

Tämä voi tarkoittaa, että sinun on lykättävä käyttöliittymän kehittämistä, kunnes API on käytettävissä. Kuitenkin odotus, että API on valmis perustamaan käyttöliittymä, voi merkittävästi vähentää tuottavuutta ja pidentää projektin aikatauluja.

Erinomainen ratkaisu tähän haasteeseen on valesovellusliittymien käyttö. Näiden sovellusliittymien avulla voit kehittää ja testata käyttöliittymääsi käyttämällä dataa, joka jäljittelee todellisen datan rakennetta ilman, että sinun tarvitsee luottaa todelliseen API:han.

Mirage.js Mock API:iden käytön aloittaminen

Mirage.js on JavaScript-kirjasto, jonka avulla voit luoda näennäisiä sovellusliittymiä, joissa on testipalvelin, joka toimii verkkosovelluksesi asiakaspuolella. Tämä tarkoittaa, että voit testata käyttöliittymäkoodiasi ilman, että sinun tarvitsee huolehtia todellisen taustasovellusliittymäsi saatavuudesta tai toiminnasta.

ilmainen online -elokuvien suoratoisto ilman rekisteröitymistä

Kannettava tietokone, jota pidettiin pöydällä ja koodi auki näytöllä.

Mirage.js:n käyttämiseksi sinun on ensin luotava näennäisiä API-päätepisteitä ja määritettävä vastaukset, jotka niiden tulee palauttaa. Sitten Mirage.js sieppaa kaikki käyttöliittymäkoodisi tekemät HTTP-pyynnöt ja palauttaa sen sijaan valevastaukset.

Kun API on valmis, voit helposti siirtyä käyttämään sitä muuttamalla vain Mirage.js:n asetuksia.