Plyn čtení/píše v firestore bez ztráty Štíhlé reaktivita

Question 1

Stavím hypoteční kalkulačka.

Mám Kupní Cena pole a akontace pole. Oba mají rozsah posuvníku. Kalkulačka představuje peněžní Částku (reaktivně), zatímco vy upravit buď kupní cena nebo záloha.

Mám Firestore na backend ale odesílání vstupní aktualizace z rozsahu posuvníku Firestore mohl dostat nákladné opravdu rychle.

Existuje způsob, jak škrticí klapky čte/píše s Firestore, aniž by byla obětována reaktivní povahu Štíhlý na front-end?

Já jsem si představoval, Štíhlý obchod mezi View a Firestore ale jak by se vám překlad Štíhlý obchod a Firestore?

Je to složitější, než jen hypoteční kalkulačku, jen jsem si myslel, že to byla skvělá analogie.

Také jsem dělat potřebovat data přetrvávají na uživatele, pokud byly znovu později.

Question 2

Proč ne jednoduše použít change událost rozsah vstupního?
Zatímco jezdec je tažen aktuální hodnota je reaktivně zobrazí. Ale pouze tehdy, když rukojeť je vydána změna, událost se spustí, a nastavené hodnoty lze uložit do firestore > REPL

<script>
    let value="30"
    
    function handleOnChange(event) {
        console.log(event.target.value)
        //save value to firestore   
    }
</script>

<p>
    {value}
</p>
<input type="range" min="0" max="100" bind:value on:change={handleOnChange}>

Question 3

Implementoval jsem řešení navrhl @Tonton-Blax.

Přidal jsem Vlastní Obchod, který zahrnoval funkce, která aktualizuje mé Firestore databáze. Pak jsem jen tak zabalené, že v debounce.

Viz REPL

Vlastní Obchody: https://svelte.dev/tutorial/custom-stores

Corrl · Answer 1 · 2021-11-23T23:48:50

Proč ne jednoduše použít change událost rozsah vstupního?
Zatímco jezdec je tažen aktuální hodnota je reaktivně zobrazí. Ale pouze tehdy, když rukojeť je vydána změna, událost se spustí, a nastavené hodnoty lze uložit do firestore > REPL

<script>
    let value="30"
    
    function handleOnChange(event) {
        console.log(event.target.value)
        //save value to firestore   
    }
</script>

<p>
    {value}
</p>
<input type="range" min="0" max="100" bind:value on:change={handleOnChange}>

Skončil jsem s použitím vlastní obchod, jak zvládnout aktualizace prostřednictvím change akce, stejně jako aktualizace Firestore na zadní konec (i když, debounced). Díky!!!
@drupalphil protože jsem pomocí firestore stejně, já bych měla zájem vidět vaše řešení

drupalphil · Answer 2 · 2021-11-25T01:12:42

Implementoval jsem řešení navrhl @Tonton-Blax.

Přidal jsem Vlastní Obchod, který zahrnoval funkce, která aktualizuje mé Firestore databáze. Pak jsem jen tak zabalené, že v debounce.

Viz REPL

Vlastní Obchody: https://svelte.dev/tutorial/custom-stores

Plyn čtení/píše v firestore bez ztráty Štíhlé reaktivita

Otázka

Nejlepší odpověď

V jiných jazycích

Tato stránka je v jiných jazycích

Populární v této kategorii

Oblíbené položky v této kategorii