Heute, am 24. Dezember eines „besonderen“ Jahres begeben wir uns auf eine kleine Zeitreise – wagen uns aus der Welt des komponentenbasierten Entwickelns und schauen auf die Wurzel der moderen Webentwicklung: HTML.
Die Composition API eröffnet neue Möglichkeiten fürs State Management. Wie sehen die Systeme der nächsten Generation aus und wie könnte der Zustand von composition functions in den Vue.js Devtools dargestellt werden?
Jeder Mensch kennt sie: Popups, Modals, Overlays,… Elemente, die sich über den restlichen Inhalt einer Webseite legen. Aber wie löst man dies auf einfache Weise in einer Welt mit Vue Komponenten?
Zufällige Werte verbessern die Lesbarkeit und reduziert Kopplung in Tests.
Wir bauen bei sum.cumo Plattformen für Versicherungen und Lotterien. Das erfordert je nach Plattform neben markenspezifischer Corporate Identity oft auch spezifische Styles für einzelne Produkte oder Lotterie-Spiele.
Wer TypeScript sowie GraphQL verwendet, kann sich mit GraphQL Typensicherheit gegenüber der API ins Projekt holen!
Wir sind uns alle einig, dass wir mit Hilfe von CSP Direktiven die Möglichkeit von XSS Attacken minimieren wollen.
Wir geben einen Einblick, worauf es bei Cypress ankommt und wie ihr unerwartetes Verhalten bei euren ersten Integrationstests vermeidet.
Storybook.js ist eine wunderbare Umgebung um Komponenten unabhängig vom Projekt zu bauen und zu gestalten. Doch was wäre eine Umgebung, ohne Tests?
Was ist Vueitfy, warum nutzen wir es und warum macht es so viel Spaß, damit zu arbeiten? Es gibt viele Gründe, warum wir uns für Vuetify entschieden haben, um unsere Backoffices aufzubauen.
In unseren Frontend-Projekten kommt regelmäßig Storybook zum Einsatz. Drei Gründe, warum wir es nutzen, findest du hinter dieser Tür.
Hinter dem dritten VueCember-Türchen versteckte sich bereits ein Artikel zu VeeValidate, heute schauen wir uns Vuelidate an.
"What could possibly go wrong?" - Server-Side-Rendering Anfragen mit geteilten Zuständen und wiederholt installierten Vue Plugins.
Die Vue Devtools bietet Entwicklern:innen eine benutzerfreundliche Lösung zum Debuggen und zum Interagieren mit Vue-Apps.
Prop-Validation kann Vue bereits out of the box? Warum brauche ich hier ein extra Package?
Wir nutzen als grundsätzlichen Projekt-Aufbau Nuxt.js für unsere Projekte. Im gesamten Nuxt-Kosmos gibt es diverse hilfreiche Plugins, die wir hier gerne einmal vorstellen:
Bei sum.cumo setzen wir seit einiger Zeit sehr erfolgreich auf Vue. Man kann aber noch einen Schritt weiter gehen und zusammen mit Vue das Open-Source-Framework nuxt.js einsetzen.
Bevor man diese Frage beantworten kann, ist es wichtig zu wissen wie es zu diesem Zeitpunkt in der Frontend-Entwicklung bei sum.cumo aussah.
Auf das einfache Beispiel aus Vue Testing Library (1/2) lassen sich vielfältige komplexe Test-Szenarien aufbauen. Dafür benötigen wir oft weitere Mittel, die wir hier genauer betrachten wollen.
Für das Testen eines aktuellen Lotto-Projektes waren wir auf der Suche nach einer Testing-Library, die den Fokus auf ein Testen nahe am erwarteten User-Verhalten in den Fokus stellt.
Auch in diesem Jahr muss der Weihnachtsmann wieder zahlreiche Geschenke auf seinem Schlitten verstauen, ohne dabei die Übersicht zu verlieren. Dabei kann er aber schon bald auf technische Unterstützung zurückgreifen.
Formulare fühlen sich manchmal wie verschiedene USB-Formate an: Einige sind intuitiv, doch viele wollen dreimal gedreht werden, bis sie endlich passen.
vue-axe überprüft die Zugänglichkeit von Vue.js Anwendungen auf Basis von axe-core, einer Testing Library, welche das eigene Projekt gegen die Empfehlungen für Barrierefreiheit der „Web Content Accessibility Guidelines“ (WCAG) prüft.
In einem unserer Projekte haben wir zum ersten Mal Layout-Komponenten eingesetzt. Layout-Komponenten bedeuten eine strikte Trennung von Inhaltskomponenten und allem, was diese auf dem Screen anordnet.
Vuecember - Freut euch darauf jeden Tag einen neuen Artikel rund um die Frontend Entwicklung, rund um die Vue.js Welt zu lesen
