Читаоци попут вас помажу у подршци МУО. Када обавите куповину користећи везе на нашем сајту, можда ћемо зарадити провизију за партнере. Опширније.

СВР (стате-вхиле-ревалидате) је метода преузимања података коју је направио Верцел. Функционише тако што прво преузима податке, шаље захтев за преузимање да се поново потврди, а затим враћа ажуриране податке.

СВР је веома моћан јер не само да омогућава дохваћање података за вишекратну употребу, већ има и уграђено кеширање, пагинацију и поновну валидацију у фокусу. Користећи СВР, веб локација приказује кеширани садржај док преузима ажурирани садржај у позадини.

Како ради СВР?

Нормално би дохватити податке користећи Акиос или методу преузимања. Ове методе се повезују са извором података, преузимају и враћају податке, а затим затварају везу. Међутим, СВР дохваћа податке другачије. Ради у три корака:

  1. Враћа застареле податке из кеша.
  2. Шаље захтев за преузимање ради поновне провере података.
  3. Враћа ажурне податке.

СВР није замена за АПИ за преузимање. Уместо тога, омогућава вам да прикажете кеширани садржај на вашој веб локацији чим корисник посети и ажурирате тај садржај када постане застарели.

instagram viewer

Па како СВР зна када је кеш неважећи? Кроз одговор заглавља контроле кеша. Одговор има два стања: свеже и устајало. Свеже стање значи да се кеш може поново користити, док застарело стање значи да је неважећи. Наводите време када одговор остаје важећи у директиви мак-аге.

СВР сматра сваки кеширани одговор старији од максималног узраста неважећим. Након што ваша апликација прикаже застареле кеширане податке, СВР ће их поново потврдити и вратити свеже податке које можете користити за ажурирање странице.

Како преузети податке у Нект.јс помоћу СВР-а

Почните да користите СВР у Реацт-у тако што ћете га прво инсталирати преко менаџера пакета. Ова команда користи нпм.

нпм инсталирај свр\н

У датотеку компоненте увезите усеСВР куку из свр-а.

увоз усеСВР из"свр"\н

УсеСВР кука прихвата два аргумента:

  1. Јединствени идентификатор за податке. Обично АПИ УРЛ.
  2. Функција преузимања. Ово је функција која се користи за преузимање података. Може да користи дохват, Акиос или друге алате за преузимање података.

Хоок враћа податке и објекат грешке. Проверите да ли сте користите ову куку у складу са најбољом праксом.

Ево примера који показује како се користи усеСВР кука.

конст преузимач = (...аргс) => дохвати(...аргс).затим(рес => рес.јсон());\нцонст {подаци, грешка} = усеСВР("/апи/дата", преузимач);\н

Можете да прикажете податке у компоненти попут ове:

увоз усеСВР из"свр"\нфункција Почетна () {\н конст преузимач = (...аргс) => дохвати(...аргс).затим(рес => рес.јсон());\н конст {подаци, грешка} = усеСВР("/апи/дата", преузимач);\н ако (грешка) повратак<див>није успео да учитадив>\н ако (!подаци) повратак<див>лоадинг...див>\н повратак<див>{подаци}див>\н}\н

Ово је једноставна имплементација СВР-а. Тхе СВР доцс идите детаљније па их погледајте да бисте сазнали више.

Зашто користити СВР?

СВР има много предности у односу на друге методе преузимања података.

Кеширање

Са традиционалним методама преузимања података, морате да користите спинер или поруку за учитавање да бисте побољшали корисничко искуство када апликација преузима податке.

СВР вам омогућава да прикажете застареле податке кориснику, док их поново потврђујете. То значи да корисник не мора да чека да преузимач врати податке.

Поновна валидација

Кроз поновну валидацију, СВР поново чини кеширане податке свежим и страница се поново приказује са ажурираним подацима. Провера ваљаности је посебно важна за сајтове чији се садржај редовно мења.

Пагинација

Тхе усеСВРИнфините хоок из СВР-а вам омогућава да лако имплементирате пагинацију или чак креирате бесконачно корисничко сучеље за учитавање.

СВР омогућава кориснику да се врати на позицију померања на страници када се врати на њу. Ово доприноси бољем корисничком искуству.

Зависно преузимање података

Можете преузети податке који зависе од других података. Омогућава вам да користите податке добијене из једног захтева у другом захтеву.

Користите СВР да побољшате употребљивост

СВР је алатка за преузимање података са функцијом аутоматске провере ваљаности која помаже апликацијама да прикажу кеширани садржај док чекају на ажурирани садржај. Корисници могу одмах да се баве садржајем уместо да чекају на серверу да врати податке.

СВР вам такође помаже да креирате пагинацију, бесконачно учитавање, опоравак позиције померања и друге сложене функције. Ако преузимате податке за које је потребно редовно ажурирање, свакако бисте требали размислити о њиховом коришћењу.