Coder Social home page Coder Social logo

Comments (5)

wmertens avatar wmertens commented on June 15, 2024
  • you're using useSignal the second time when you should use useComputed$
  • you should use the onInput$ event. This may be why it is jumpy.
  • you should test the boolean signals by reading .value. This might be causing rerenders which also might cause the jumpiness.

Then generically:

  • you should use the second argument to events, it is correctly typed too.
  • bind:value={signal} implements this for you.
  • for forms, consider using modular-forms
  • for small reproductions that don't use routing, it's nicer to use https://qwik.dev/playground because you can easily see the generated code

Let me know if you still have trouble after this.

from qwik.

wmertens avatar wmertens commented on June 15, 2024

@Nefcanto any update?

from qwik.

Nefcanto avatar Nefcanto commented on June 15, 2024

@wmertens, today I got a chance (time) to test it. The main point was to use onInput$ instead of onKeyDown$ as you mentioned. While I found that the onInput$ is defined here, it would be awesome if it got its own section on the Events page too. Because I used onKeyDown$ instead of onChange$ based on the content of that page and based on on{EventName}$ formula.

Thank you.

from qwik.

wmertens avatar wmertens commented on June 15, 2024

@Nefcanto great to hear it's good now!

If you could spare some time to update the events page so it would have stood out to you, that would be great too!

from qwik.

Nefcanto avatar Nefcanto commented on June 15, 2024

@wmertens, sorry to answer late. I would love to, but I'm afraid I can't. As I have mentioned many times, I was not able to run a successful clone of Qwik.

from qwik.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.