Fix life-cycle diagram to contain preload/1 on change

[aiwaiwa]

As these paragraphs point out

(quote)

So on first render, the following callbacks will be invoked:

preload(list_of_assigns) -> mount(socket) -> update(assigns, socket) -> render(assigns)

On subsequent renders, these callbacks will be invoked:

preload(list_of_assigns) -> update(assigns, socket) -> render(assigns)

(end quote)

the diagram needs to reflect those arrows.

Additionally, I added a transparent styling to a pure layout types of sub-graphs.

[josevalim]

Hi @aiwaiwa! I think update/2 should point to "any changes?" as well.

Also, maybe instead of "ever mounted?", could we perhaps keep only "mount/1" and say "mount/1
only once".

Thoughts?

[aiwaiwa]

Something like this (it's a draft, ignore the styling)?

That really simplified it! Do you think it might be confusing that initial render goes through "any changes?"

[josevalim]

That really simplified it! Do you think it might be confusing that initial render goes through "any changes?"

Not at all. The initial render, after all, always has changes :D

[josevalim]

💚 💙 💜 💛 ❤️

[aiwaiwa]

I'll re-PR, I was only asking if that was what you wanted