Acelerador de lectura/escritura en firestore sin sacrificar la Esbelta reactividad

Question 1

Estoy construyendo una calculadora de hipotecas.

Tengo un Precio de Compra de campo y un Pago inicial de campo. Ambos tienen un control deslizante de rangos. La calculadora presenta la Cantidad de Dólares (reactiva), mientras que usted ajustar tanto el precio de compra o el pago inicial.

He Firestore en el backend, pero el envío de actualizaciones de entrada desde el control deslizante de rangos para Firestore podría conseguir costoso realmente rápido.

Hay una forma de limitar lee/escribe con Firestore sin sacrificar la naturaleza reactiva de la Esbelta en el front-end?

Me estoy imaginando una Esbelta de la tienda entre la Vista y Firestore pero ¿cómo se sincroniza la Esbelta de la tienda y Firestore?

Es más complicado que una simple calculadora de hipoteca, yo sólo pensé que era una gran analogía.

También, yo qué necesitan los datos para persistir por usuario si fueran a volver más tarde.

Question 2

Por qué no simplemente usar el change caso de la gama de entrada?
Mientras que el deslizador se arrastra el valor actual se muestra de forma reactiva. Pero sólo cuando se suelta la palanca del cambio se desencadena el evento y el valor de ajuste se pueden guardar para 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

He implementado una solución sugerida por @Tonton-Blax.

He añadido un Almacén Personalizado que incluye una función que actualiza mi Firestore de la base de datos. Entonces me acaba de que en un rebote.

Ver REPL

Personalizado de Tiendas: https://svelte.dev/tutorial/custom-stores

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

Por qué no simplemente usar el change caso de la gama de entrada?
Mientras que el deslizador se arrastra el valor actual se muestra de forma reactiva. Pero sólo cuando se suelta la palanca del cambio se desencadena el evento y el valor de ajuste se pueden guardar para 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}>

Terminé con un almacén personalizado para manejar las actualizaciones a través de la change evento, así como la actualización de Firestore en la parte final (aunque, rebotada). Gracias!
@drupalphil ya estoy usando firestore así, yo estaría interesado en ver la solución

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

He implementado una solución sugerida por @Tonton-Blax.

He añadido un Almacén Personalizado que incluye una función que actualiza mi Firestore de la base de datos. Entonces me acaba de que en un rebote.

Ver REPL

Personalizado de Tiendas: https://svelte.dev/tutorial/custom-stores

Acelerador de lectura/escritura en firestore sin sacrificar la Esbelta reactividad

Pregunta

Mejor respuesta

En otros idiomas

Esta página está en otros idiomas

Popular en esta categoría

Las preguntas más habituales en esta categoría