SolidJS•14mo ago

Need help solve issue with createEffect, complex state

I have the app here https://github.com/nikitavoloboev/kuskus

GitHub

GitHub - nikitavoloboev/kuskus: Fast todo app

Fast todo app. Contribute to nikitavoloboev/kuskus development by creating an account on GitHub.

11 Replies

nikivi•14mo ago

https://github.com/nikitavoloboev/kuskus/blob/main/src/pages/All.tsx#L69

GitHub

kuskus/All.tsx at main · nikitavoloboev/kuskus

Fast todo app. Contribute to nikitavoloboev/kuskus development by creating an account on GitHub.

nikivi•14mo ago

I have a key event listener here that on return chooses if a todo should be edited or not

nikivi•14mo ago

nikivi•14mo ago

so from this go to this

nikivi•14mo ago

nikivi•14mo ago

the editable todo is this component

nikivi•14mo ago

https://github.com/nikitavoloboev/kuskus/blob/main/src/components/TodoEdit.tsx

GitHub

kuskus/TodoEdit.tsx at main · nikitavoloboev/kuskus

Fast todo app. Contribute to nikitavoloboev/kuskus development by creating an account on GitHub.

nikivi•14mo ago

https://github.com/nikitavoloboev/kuskus/blob/main/src/components/TodoEdit.tsx#L34

GitHub

kuskus/TodoEdit.tsx at main · nikitavoloboev/kuskus

Fast todo app. Contribute to nikitavoloboev/kuskus development by creating an account on GitHub.

nikivi•14mo ago

the issue I get is that this effect inside TodoEdit runs instantly its very confusing

nikivi•14mo ago

if you wish to help please clone https://github.com/nikitavoloboev/kuskus

GitHub

GitHub - nikitavoloboev/kuskus: Fast todo app

Fast todo app. Contribute to nikitavoloboev/kuskus development by creating an account on GitHub.

nikivi•14mo ago

then inside localhost press n key type a todo and press return it should create a new todo I am forced to enter return 2 times

  createEffect(() => {
    if (event()?.key === "Enter") {
      untrack(() => {
        if (focusedTodo() !== 0) {
          untrack(() => {
            if (editingTodo()) {
              setEditingTodo(false)
            } else {
              setEditingTodo(true)
            }
            setTodoToEdit(focusedTodo())
          })
        }
      })
    }
  })

  createEffect(() => {
    if (event()?.key === "Enter") {
      untrack(() => {
        if (focusedTodo() !== 0) {
          untrack(() => {
            if (editingTodo()) {
              setEditingTodo(false)
            } else {
              setEditingTodo(true)
            }
            setTodoToEdit(focusedTodo())
          })
        }
      })
    }
  })

ok this helped solve it 🎊

Gaming

Programming

Need help solve issue with createEffect, complex state