remote data
1.0.0
Ferramentas minúsculas (menos de 450 bytes) para buscar dados de fontes remotas (incl. HTTP). Para uma descrição detalhada de por que o Remote Data ajuda, leia esta postagem.
$ npm install @roebuk/remote-data
< script type =" module " >
import RemoteData from 'https://cdn.skypack.dev/@roebuk/remote-data' ;
</ script >
< script src =" https://unpkg.com/@roebuk/remote-data " > </ script >
Documentos da API
import * as RemoteData from '@roebuk/remote-data' ;
// Set the initial state
var remoteUsers = RemoteData . NotAsked ( ) ;
// An interaction starts off the request
remoteUsers = RemoteData . Loading ( ) ;
// Once the request is complete,
// it will either be in a `Success` or `Failure` state.
remoteUsers = await fetch ( '/api/users' )
. then ( res => res . json ( ) )
. then ( users => RemoteData . Success ( users ) )
. catch ( err => RemoteData . Failure ( err ) ) ;
// "Pattern match" on the RemoteData type and extract the current state.
// The return value of the functions should all be of the same type.
RemoteData . match ( {
notAsked : ( ) => 'Not Requested the data'
loading : ( ) = > 'Loading...'
success : users => `Loaded ${ users . length } users` ,
failed : err => `Something when wrong. Details: ${ err . message } `
} , remoteUsers ) ;
Reagir e dados remotos no StackBlitz
npm ci
npm run build
npm t