remote data
1.0.0
Pequeñas herramientas (menos de 450 bytes) para recuperar datos de fuentes remotas (incluido HTTP). Para obtener un artículo detallado de por qué los datos remotos ayudan, lea esta publicación.
$ 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 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 ) ;
Reaccionar y datos remotos en StackBlitz
npm ci
npm run build
npm t