Unduh rematch - Unduh Kode Sumber rematch

rematch

Kode sumber lainnya

@rematch

Unduh

Pertandingan ulang _JS

Rematch adalah praktik terbaik redux tanpa boilerplate. Tidak ada lagi jenis tindakan, pencipta tindakan, pernyataan saklar atau thunks dalam waktu kurang dari 1,4 kilobytes.

Pertandingan ulang CI

Dokumentasi · QuickStart · Contoh · Kontribusi · Lisensi

Fitur

Redux adalah alat manajemen negara yang luar biasa, didukung oleh ekosistem middleware yang sehat dan devtools yang sangat baik. Banding dibangun di atas redux dengan mengurangi boilerplate dan menegakkan praktik terbaik. Ini memberikan fitur berikut:

Tidak diperlukan konfigurasi
Mengurangi redux boilerplate
Dukungan efek samping bawaan
Bereaksi Dukungan DevTools
Dukungan naskah
Mendukung penambahan peredam
Mendukung pemuatan panas
Memungkinkan untuk membuat beberapa toko
Dukungan bereaksi asli
Dapat diperpanjang dengan plugin
Banyak plugin yang tersedia di luar kotak:
- untuk data yang bertahan dengan redux-persist
- Untuk keadaan pembungkus dengan immer.js
- untuk membuat pemilih dengan pemilihan ulang
- ... dan lainnya

Apakah Anda siap menggunakan pertandingan ulang?

Dalam beberapa baris Anda bisa mendapatkan panggilan asinkron dengan mudah ke API eksternal dan data yang disimpan secara global. Sungguh menakjubkan, dengan Redux Anda akan membutuhkan banyak boilerplate, pustaka, dan konfigurasi tambahan.

 type PlayersState = {
    players : PlayerModel [ ]
}

export const players = createModel < RootModel > ( ) ( {
    state : {
        players : [ ] ,
    } as PlayersState ,
    reducers : {
        SET_PLAYERS : ( state : PlayersState , players : PlayerModel [ ] ) => {
            return {
                ... state ,
                players ,
            }
        } ,
    } ,
    effects : ( dispatch ) => {
        const { players } = dispatch
        return {
            async getPlayers ( ) : Promise < any > {
                let response = await fetch ( 'https://www.balldontlie.io/api/v1/players' )
                let { data } : { data : PlayerModel [ ] } = await response . json ( )
                players . SET_PLAYERS ( data )
            } ,
        }
    } ,
} )

Lihatlah, sekarang!

Redux vs Rematch

	Redux	Pertandingan ulang
Pengaturan Sederhana		✔
lebih sedikit boilerplate		✔
Keterbacaan		✔
dapat dikonfigurasi	✔	✔
Redux Devtools	✔	✔
Pembuat tindakan yang dihasilkan	‎	✔
async	Thunks	Async/menunggu

Bermigrasi dari redux

Bermigrasi dari Redux ke pertandingan ulang hanya dapat melibatkan perubahan kecil pada manajemen negara Anda, dan tidak ada perubahan yang diperlukan pada logika pandangan Anda. Lihat referensi migrasi untuk detailnya.

Plugin yang dapat dikomposisi

Runcing dan internalnya semuanya dibangun di atas pipa plugin. Akibatnya, pengembang dapat membuat plugin kustom yang kompleks yang memodifikasi pengaturan atau menambahkan model data, seringkali tanpa memerlukan perubahan untuk pertandingan ulang itu sendiri. Lihat plugin yang dikembangkan oleh tim rematch atau API untuk membuat plugin.