Chciałbym napisać frontend w ES6 do aplikacji do zamawiania jedzenia i moim celem jest to żeby strona była zasilana informacjami zwracanymi przez REST Api.
To będzie moja pierwsza aplikacja w JS i nie wiem jak się za to zabrać.
Mam już część backendu napisanego w Javie i Spring.
Na razie wyobrażam to sobie tak że mam pliki:
index.html (zdjęcia wnętrza restauracji i jakiś tekst)
menu.html
koszyk.html
potrawaClass.js
script.js
każdy plik html posiada event window.onload = getContent() który po załadowaniu struktury HTML wysyła odpowiedni request HTTP do Api a w odpowiedzi dostaje listę elementów zawartości strony (np. id, nazwa potrawy, cena, zdjecie)
następnie odpowiedź z Api w formacie JSON jest przerabiana na liste obiektów potrawaClass.js {var : id, var : nazwa, var : cena, var : zdjęcie}
później z utworzonej listy pobierane są elementy i ładowane do dokumentu HTML.
Mam odnośnie tego kilka pytań:
Czy te założenia w ogóle są prawidłowe i tak to powinno działać?
Czy da się to bez większych problemów zrobić w ES6 czy trzeba byłoby użyć Reacta albo Angulara?
(obecnie dopiero zaczynam naukę JS i nie wiem czy branie się za frameworki byłoby dobrym pomysłem)
Jak duża może być odpowiedz z backendu w formacie JSON?
tz. załóżmy że chce pobrać zawartość menu.html i odpowiedź to klika MB zdjęć.
Czy to może być wysłane jako jeden JSON?
Czy znacie jakieś materiały omawiające tworzenie tego typu aplikacji?
(wszystko co na razie znalazłem to React + Spring albo Angular + Spring)