Store properties undefined on "first render" about stockroom HOT 3 OPEN

That would work, though it's not possible to skip initial renders in vdom sadly.

Another option might be to allow passing (worker, state) to the main thread side of stockroom? You'd be duplicating the state object from the worker thread, but it seems a decent compromise and it would only add a couple bytes to the library.

from stockroom.

That 's kinda expected, because stockroom initializes the store asynchronous from within the webworker, the state won't be available on first render.

Maybe it would be worth to add a initialized property to the store and maybe a component that only renders it 's children after the store received the initial state.

What do you think @developit ?

from stockroom.

you could skip first render in a mechanic that you apstract your index...

Think about your normal app is in index.jsx now you add a entry.jsx and link you bundle to entry.jsx instead, export your Store from index.jsx.

now inside of entry.jsx

import Index, { Store } from './index'
import { h, render } from 'preact'

if (DEVMODE && !PRERENDER) {
  require('preact/devtools')
}

Store.subscribe((state) => {
  if (state.warmupDone) {
    const app = document.getElementById('app')
    const body = document.body

    render(<Index store={Store} />, body, app)
  }
})

...but this also require that you have some auto warmup action inside of your worker that set a state like warmupDone....

but this will delay your render in my example about 300 ms but it doesn't metter because i use a prerender engine built on top of preact-render-to-string in the background but you have to think about something like that otherwise this will delay first meaning full render

from stockroom.