kethan / uele Goto Github PK

Thanks for such great library.

How I can use usignal with uele instead of ulive? I think it can be through the uele api, please provide an example.

this is my try https://codesandbox.io/s/uele-app1-eskl3c?file=/src/index.jsx
Best,

Firstly thanks for the minimal JSX library 🙏🏻.

The Problem:

Second, I got a problem with re-rendering 😅.
There is no re-rendering when reactive variable(signal / observable) is change.

In my example; show loader elements firstly, after make a request to API. When request resolved(failed or success) hiding the loader and show request's response data.

The problem is when reactive variable changes, its not trigger the re-rendering. My logic is constructed over ternary conditional rendering like React.

<>
  {loading ? (
    <>
      <img width={32} height={32} src="assets/loader.svg" alt="Loader" />
      <br />
      <>Loading Todos...</>
    </>
  ) : (
    map(
      todos,
      (todo) => (
        <div key={todo.id} class="todo-item">
          <input
            class="todo-checkbox"
            type="checkbox"
            name="completed"
            value={todo.completed}
          />
          <span class="todo-title">{todo.title}</span>
        </div>
      ),
      <>No Todos Found :(</>
    )
  )}
</>

Package Versions:

"uele": "0.6.3",
"ulive": "0.5.1"

Minimal Reproduction:

There is e minimal reproduction:
https://stackblitz.com/edit/vitejs-vite-qfwv3j?file=src%2FTodos.jsx