How to understand frontend?

enwicklerjohnny · March 3, 2021, 2:08pm

There seem several subdirectories related to frontend development:

frontend
websocket_api
http
lovelace
…?

Sofar I have some experiences with frontend programming in MVC principle. After reading the source codes in the above listed components, I get lost with the structure. It seems like:

websocket_ap <-> backend
http, lovelace and frontend <-> frontend and views

Could you provide me some hints to understand the architecture of the project concerning frontend part?
How is a panel converted into html rendering?
Thanks alot in advance!

tom_l · March 3, 2021, 3:36pm

Jump on the discord frontend developers channel and ask the devs there. They should be able to point you in the right direction.

Also, have you seen this?

(The first link in particular).

enwicklerjohnny · March 3, 2021, 4:02pm

Thanks alot for your reply!
I do have downloaded the git project of frontend. However as stated, I cannot get the point how the backend and frontend work together to render a tab in the final page.