Sitzungsprotokoll: Technologie- & Framework-Meeting, 31.03.2021
TOP
- Nächstes Treffen
- Umgang mit Technologien
- Eigenen Demodatensatz
- Jeder überlegt sich Text (bspw. Sätze, Schlagworte, Emojis, oder andere Formate) mit denen man sich selbst beschreiben würde
- Jeder überlegt sich Fragestellungen, mit denen man nach solchen Daten fragen könnte.
- Jeder überlegt sich die Schlagwörter, die man sich selbst geben würde
- Jeder überlegt sich die Schlagwörter, nach denen man suchen würde
- -> Jeder für sich in einer Textdatei o.Ä., dann nächstes Mal besprechen.
- Wenn wir die Fragen und das Format haben, dann auch weitere Personen fragen.
- Webdesign
- Kris, Matthias, Patrick: In 2 Wochen ein CSS-Framework und JS-Framework auswählen
JS-Framework
- Angular
- Für Bewerbungen evtl. interessant zu können, weil viele Stellenausschreibungen
- Stability https://angular.io/guide/releases
- Mehrmals im Jahr Breaking Changes durch Major Updates
- Nur für Web-Applikationen da, keine Anleitungen dazu, wie man einzelne Angular-Komponenten in Nicht-Angular-Websites einbauen kann?
- Sehr Typescript-lastig. Ist das ein Vorteil? Ist das ein Hindernis?
- React
- Ressourcen
- Tutorial: https://reactjs.org/tutorial/tutorial.html
- Architekturdiagramm: Keins?
- Requirements:
- Build mit npm auf Entwicklerrechner
- Building for Relative Paths / By default, Create React App produces a build assuming your app is hosted at the server root.
- React-Komponenten in Statischer MPA einbauen: https://reactjs.org/docs/add-react-to-a-website.html
- Beispiel mit Python: https://www.digitalocean.com/community/tutorials/build-a-to-do-application-using-django-and-react
- Stability https://reactjs.org/docs/design-principles.html#stability
- Größere Breaking Changes zuletzt 2017
- Letztes Major Release 2020; lt Facebook aber fast nicht relevant (“In practice, we’ve only had to change fewer than twenty components out of 100,000+”)
- Vue
- https://vuejs.org/v2/guide/
- Stability:
- 2.0 veröffentlicht in 2016
- 3.0 veröffentlicht in 2020
- Requirements
- Funktioniert auch ohne CLI-Tool, und ohne npm, wenn man sich den node-Stack nicht antun möchte – so auch die offizielle Empfehlung für Anfänger:
- Ein Vue-Objekt wird an einen Container gebunden, dadurch vermutlich auch hier wie bei React mehrere unabhg. Komponenten auf der gleichen Website unproblematisch
Vergleiche
- https://towardsdatascience.com/vue-vs-react-vs-angular-114718eac3c5
- Vue einfacher
- Würde Phillip nach kurzem Ausprobieren bestätigen – minimaler Overhead, um es zum laufen zu bekommen:
- Geht mit anderen Sprachen auch einigermaßen, wenn man das nicht auf der offiziellen Homepage im Tutorial sucht:
- Angular umfangreich, aber auch viel Schreibarbeit und anspruchsvoll. Fokus auf ganzen Anwendungen
- Vue einfacher
- https://vuejs.org/v2/guide/comparison.html
- React erschwert Anpassungen an HTML, da alle Templates in JS; aber bessere Toolunterstützung dafür vorhanden
- Vue nutzt auch HTML-Templates, dadurch Arbeit für Designer einfacher.
- Angular hat Restriktionen zur Strukturierung von Anwendungen
Abseits:
- Multi-Page-Applikation mit statischem Rendering der eigentlichen Inhalte (bspw. Benutzerprofile), um evtl. Probleme mit Suchindizierbarkeit und Zugänglichkeit zu vermeiden?
- JS für einzelne Komponenten der Seiten nutzen?
- Suchbox
- Suchergebnisanzeige mit Filterfunktionen oder Suchbegriffs-Eingabefeld
- Profileditor