No HMR in vite about vite-plugin-solid

[ryansolid]

It depends where the store is. Generally though we have no state preservation below the point of change currently. If you are seeing reloading in these cases it is work as far as we expect it to today.

[lxsmnsyc]

This is expected, specially if you're editing the Counter component.

[vic1707]

The state is reseted even when I edit the main app component, why is it expected? Works well in react

[lxsmnsyc]

React has a completely different way of preserving state by utilizing their own architecture (Fiber). Solid doesn't have that kind of architecture (No VDOM, no hooks).

[St3Ko]

@lxsmnsyc does this also concern stores? For example i have an array of list items inside a store which get's set at runtime via API request (so the default is an empty array) and list them with the List component. When i now change the component, for example the class attribute from flex to flex another-tailwind-class the store gets reset and my items disappear.

import {For} from "solid-js";
import {cartStore} from "@stores"
import {Button} from "@components/ui"

import type {Component} from "solid-js"

const Overview: Component = () => {
  const recipes = () => cartStore.cart_recipes
  return (
    <div>
      <div>Overview:</div>
      <For each={recipes()}>
        {(recipe) => <div>{recipe.recipe_id}: {recipe.servings}</div>}
      </For>
      <div class="flex">
        <Button size="small">do something</Button>
        <Button size="small">do something different</Button>
      </div>
    </div>
  )
}

export default Overview

[stabildev]

Is it possible to change that behavior? I added

if (import.meta.hot) {
  import.meta.hot.accept()
  import.meta.hot.dispose(dispose)
}

to index.jsx but state is still lost on every change/file save.