Hallo,
ich habe eine Frage, die ich schonmal gestellt habe, die mich aber immer noch wurmt.
Mein Problem ist, dass ich ein bestehendes PHP Backend habe, dass ich über Jahre entwickelt habe und dass ich jetzt nicht so einfach über den Haufen werfen kann, nur weil ein paar Frontend Typen das meinen.
Gibt es also irgendeinen Weg Single Page Applications mit einen PHP Backend zu vereinen? Ich meine, rendering im Backend via Twig & Co. (aus PHP geladen) und im Frontend Angular 2, Vue 2 oder ähnliches.
Bei Single Page Applications geht es ja soviel ich weiß darum, JSON ans Frontend zu senden, dass dann auf Client Seite gerendert wird. Wirklich mobile first gedacht ist das nicht, denn wie auch schon Hacker Noon festgestellt hat, ist das auf einen Smart Phone mindestens zehnfach langsamer als auf einer Desktop CPU.
Was ich brauche von den JavaScript Frameworks ist folgendes:
- einen netten Dialog (Ja, Dialog, nicht nur ein billiges Modal, folglich bleibt mir wohl nichts anderes, als auf jQuery UI zurück zu greifen)
- Direktiven (eigene HTML Elemente)
- Ajax Requests
- Event Handling
- Form Handling (habe da aktuell recht viel Boilerplate Code mit meiner jQuery Umsetzung, geht um Kalender / Uhrzeit Geschichten und um die Felder vor zu füllen)
- i18n Unterstützung oder wenigstens irgendeine Internationalisierung, wegen den Kalender / Uhrzeit Sachen
Mein aktueller Stack sieht vor, Grunt zu verwenden. Das heißt Webpack fällt schonmal raus. Ich brauche Grunt für SCSS (NodeSASS), JavaScript Minify, Gzip, CSS + JS und Sync für andere Assets (Schriftarten, Bilder usw. aus den node_modules Paketen). Vielleicht wäre auch ein kompletter Umstieg auf Webpack denkbar, wenn das meine Anforderungen abbilden kann.
Querverweise bzw. bisherige gestellte Fragen dazu:
http://stackoverflow.com/questions/4...hp-mvc-backend
http://stackoverflow.com/questions/4...cture-thoughts
Bei meinen ersten Gehversuchen mit Vue2 + Typescript bin ich auch schon hingefallen: https://forum.vuejs.org/t/cant-get-c...working/7791/7
Ich meine, ich bin glücklich mit den Dingen, wie sie in Angular 1 waren. Das würde genau meine Anforderungen abbilden. Allerdings ist Angular 1 veraltet, folglich bin ich bei VueJS gelandet. Bei VueJS gefällt mir die Freiheit wie man hat, man kann sich also sein Frontend ähnlich aufbauen, wie man es von PHP mit composer kennt. Am liebsten würde ich Vue2 mit Typescript, rxjs für xhr und einen kleinen Wrapper um den document.querySelector verwenden. Mit Vuex ist dann auch Form Handling dabei.
Mit meiner Problemstellung sollte ich doch hier genau richtig sein, ich meine wie habt ihr das gemacht? Wie habt ihr von jQuery zu einem modernen JavaScript Framework gerefactored mit einem bestehenden PHP Backend?
Danke schonmal,
derwunner
ich habe eine Frage, die ich schonmal gestellt habe, die mich aber immer noch wurmt.
Mein Problem ist, dass ich ein bestehendes PHP Backend habe, dass ich über Jahre entwickelt habe und dass ich jetzt nicht so einfach über den Haufen werfen kann, nur weil ein paar Frontend Typen das meinen.
Gibt es also irgendeinen Weg Single Page Applications mit einen PHP Backend zu vereinen? Ich meine, rendering im Backend via Twig & Co. (aus PHP geladen) und im Frontend Angular 2, Vue 2 oder ähnliches.
Bei Single Page Applications geht es ja soviel ich weiß darum, JSON ans Frontend zu senden, dass dann auf Client Seite gerendert wird. Wirklich mobile first gedacht ist das nicht, denn wie auch schon Hacker Noon festgestellt hat, ist das auf einen Smart Phone mindestens zehnfach langsamer als auf einer Desktop CPU.
Was ich brauche von den JavaScript Frameworks ist folgendes:
- einen netten Dialog (Ja, Dialog, nicht nur ein billiges Modal, folglich bleibt mir wohl nichts anderes, als auf jQuery UI zurück zu greifen)
- Direktiven (eigene HTML Elemente)
- Ajax Requests
- Event Handling
- Form Handling (habe da aktuell recht viel Boilerplate Code mit meiner jQuery Umsetzung, geht um Kalender / Uhrzeit Geschichten und um die Felder vor zu füllen)
- i18n Unterstützung oder wenigstens irgendeine Internationalisierung, wegen den Kalender / Uhrzeit Sachen
Mein aktueller Stack sieht vor, Grunt zu verwenden. Das heißt Webpack fällt schonmal raus. Ich brauche Grunt für SCSS (NodeSASS), JavaScript Minify, Gzip, CSS + JS und Sync für andere Assets (Schriftarten, Bilder usw. aus den node_modules Paketen). Vielleicht wäre auch ein kompletter Umstieg auf Webpack denkbar, wenn das meine Anforderungen abbilden kann.
Querverweise bzw. bisherige gestellte Fragen dazu:
http://stackoverflow.com/questions/4...hp-mvc-backend
http://stackoverflow.com/questions/4...cture-thoughts
Bei meinen ersten Gehversuchen mit Vue2 + Typescript bin ich auch schon hingefallen: https://forum.vuejs.org/t/cant-get-c...working/7791/7
Ich meine, ich bin glücklich mit den Dingen, wie sie in Angular 1 waren. Das würde genau meine Anforderungen abbilden. Allerdings ist Angular 1 veraltet, folglich bin ich bei VueJS gelandet. Bei VueJS gefällt mir die Freiheit wie man hat, man kann sich also sein Frontend ähnlich aufbauen, wie man es von PHP mit composer kennt. Am liebsten würde ich Vue2 mit Typescript, rxjs für xhr und einen kleinen Wrapper um den document.querySelector verwenden. Mit Vuex ist dann auch Form Handling dabei.
Mit meiner Problemstellung sollte ich doch hier genau richtig sein, ich meine wie habt ihr das gemacht? Wie habt ihr von jQuery zu einem modernen JavaScript Framework gerefactored mit einem bestehenden PHP Backend?
Danke schonmal,
derwunner
Kommentar