Unduh remote data - unduh kode sumber remote data

remote data

Kategori lainnya

1.0.0

Unduh

Data Jarak Jauh

Alat kecil (kurang dari 450 byte) untuk mengambil data dari sumber jarak jauh (termasuk HTTP). Untuk penjelasan rinci tentang mengapa Remote Data membantu, baca postingan ini.

Instalasi

NPM

 $ npm install @roebuk/remote-data

Modul ES

 < script type =" module " >
  import RemoteData from 'https://cdn.skypack.dev/@roebuk/remote-data' ;
</ script >

Tag Skrip

 < script src =" https://unpkg.com/@roebuk/remote-data " > </ script >

Dokumentasi

Dokumen API

Contoh Dasar

 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 ) ;