"IntersectionObserver API" hatte ich schon mal gehört, aber keine Ahnung wofür das gut sein soll. Sieht aber durchaus nützlich aus: "Build An Intersection Observer Directive In Vue" https://dev.to/alexsasharegan/build-an-intersection-observer-directive-in-vue-ljh #vuejs
Artikel zum Thema »vuejs«
Erlesenes IV
Viele Browser-Tabs müssen mal wieder gedumpt werden!
Erlesenes III
Höchste Zeit, mal wieder die Browser-Tabs und Bookmarks abzuarbeiten!
Erlesenes II
Es ist mal wieder Zeit, den Bookmark-Folder für Development-Links zu leeren!
Nuxt.js
Im Zuge meiner Versuche mit Vue.js habe ich Nuxt.js entdeckt. Wofür braucht man das? Im offiziellen Guide steht:
»Nuxt.js is a framework for creating Vue.js applications, you can choose between Universal, Static Generated or Single Page application.«
Also ein Framework, das auf einem Framework aufsetzt. ;-)
Nuxt.js erscheint aber nützliches, als es klingt. Es ist weniger ein weiteres JavaScript-Framework, sondern mehr eine Art Distribution sinnvoller Defaults für die Arbeit an einem Vue-Projekt. Und Nuxt.js liefert serienmäßig alles mit, um aus dem Vue-Meisterwerk eine »universelle« Anwendung zu machen, d.h., man kann mit einer Codebase eine javascript-lastige SPA bauen, aber auch in Vue programmieren und dann alle Vue-Routen als statische HTML-Dokumente rendern lassen. Oder das Ganze mischen.
Ein paar Links zum Einstieg:
-
»Introduction«. Die offizielle Dokumentation kommt mit einer gut verständlichen Einführung
-
»10 reasons to use Nuxt.js for your next web application«. Ein Blogbeitrag der die Vorteile von Nuxt.js näher bringt: »Even if you don’t need a universal app and want to stick with an SPA, there are still benefits to using Nuxt.js. It can be your project’s main base with benefits like .vue files, ES6 compilation, and many more features.«
-
»Simple Server Side Rendering, Routing, and Page Transitions with Nuxt.js«. Ein simples Muster-Projekt mit CSS-Page-Transitions.
-
»Building a Personal Site with Nuxt.js«. Ein weiteres einführendes Beispiel, wenn auch etwas oberflächlich geraten.
-
»7 Problems you can avoid by using Nuxt.js for your next Vue app«. »Nuxt.js allows you to spend less time on configuration, and more time solving problems and building awesome Vue apps.«
-
»awesome-nuxt. A curated list of awesome things related to Nuxt.js«. Eine sehr ausführliche Sammlung von Artikeln und Resourcen zum Thema.
Auf dem ersten Blick sieht Nuxt.js sehr vielversprechend aus, aber man muss es (wie alles im Developer-Leben) einmal mit etwas »Richtigem« benutzt haben. Deshalb wird es demnächst mal ausprobiert…
26 Vue Tips
Ich mache gerade ein bisschen mit Vue.js herum. Da ich davon durchaus angetan bin, war »Vueterich« ein ernsthafter Kandidat für die Benamung dieses kleinen devblogs…
Zu dem Thema kommt diese Sammlung nützlicher Tipps gerade recht: »26 Time Saving Tips for Vue«
Außerdem ist heute zum Thema Vue ein kleiner Rückblick auf VueJS Amsterdam im Angebot: »VueJS Amsterdam 2019 - The Best Bits«