Find a way to render components: function-, block- and class-based.

[vlad-elagin]

Function-based components
Simple function that returns html string.

Block based components
Block is constructor for DOM node. Accepts multiple props: tag, className, children and events object.
Events object have following pattern:
{ [eventName]: eventHandler, click: () => null, }

Class based components
More customisable version of Block, implements auto subscription to store and can have it's own method. render method returns instance of Block.

[vlad-elagin]

@usernamus how do we want to use function-based components? Pass function or result of function call to children of block?

[usernamus]

The component lets contain a lot of blocks, but we must write functionality of rerendering. It's excruciating and will take a lot of time. How about partly rerendering in the scope only one component? As a sample: when a chat component takes a new message we want to change the only part with last message.

Blocks are only for generating HTML layout.

Good idea with events.