[richr]

Jak mogę zmockować rest API w #react bez testów?

Po prostu chcę żeby klikając w jakiś komponent na devie wczytalo mi listę z lokalnego JSON?

#javascript #naukaprogramowania

[lobo]

@richr: Możesz nadpisać natywnego fetcha i sobie podmieniać rzeczy dla konkretnych adresów

[lobo]

@richr: Da uproszczenia robisz coś takiego

const originalFetch = fetch;

window.fetch = (url, config) => {
const fakeApi = {
GET: {
'/adres/': zwrotka
},
POST: {
'/adres/': zwrotka
},
GET: {
'/adres/': zwrotka
},
etc.
}
const { method = 'GET' } = config

if (fakeApi[method][url]) {
return new Promise((resolve) => {
setTimeout(() => {
resolve({
json: () => Promise.resolve(fakeApi[method][url]);
})
}, 500)
})
}
else {return originalFetch(url, config)}
}

[richr]

@lobo: czyli albo Twój kod, typu if dev to linki localhost, else prod linki z apki, albo mockowanie np. Cypressem?

Co jest dobra praktyka?

[lobo]

@richr: a jeżeli chcesz to sobie lokalnie zrobić to przy nodowym serwerze możesz sobie proxy postawić, to co podałem to jest najprostsze rozwiązanie bez setupu czegokolwiek.

[lobo]

@richr: Normalnie się robi jakiś prosty serwer serwujący api i proxy do niego przy odpalonym dev środowisku wtedy wszystkie requesty celujesz do finalnych api, a kontrolujesz czy to prawdziwe api czy twoje mocki za pomocą ustawienia serwera.

[richr]

@lobo: ja właśnie nie chce pisać backendu, chcę mieć to jak najprościej zmockowane na froncie z użyciem JSON

[lobo]

@richr: No to taki fetch jest najprostszą rzeczą. Ewentualnie można pokombinować i spróbować kod tego fetcha wcisnąć do greasmonkey może zadziała nadpisywanie (nie testowałem) wtedy byś mógł to trzymać nawet zupełnie z boku.

[mozetenbedziewolny]

@richr: a ja do reacta polecam mirage.js

[mocpapieza]

@richr https://mswjs.io/