require(#18) - Trochę o Vue

Vue jest obecnie drugim najpopularniejszym (tuż po React) frameworkiem do tworzenia stron i aplikacji w JavaScripcie. Z pewnością jest czymś, czego warto się nauczyć - jest on wszechstronny i wydajny, a za razem bardzo prosty w nauce. W tym odcinku porozmawiamy na temat jego podstaw, oraz rzeczy za które trzeba się zabrać podczas jego nauki.

Szybkie nowości

• Next.js 9.5 https://nextjs.org/blog/next-9-5/
• Node 14.8 z top-level Await https://nodejs.org/en/blog/release/v14.8.0/
• Storybook 6.0 https://medium.com/storybookjs/storybook-6-0-1e14a2071000/

Linki

Podstawy Vue:

• Vue.js - https://vuejs.org/
• Tworzenie instancji Vue - https://vuejs.org/v2/guide/instance.html
• Komponenty - https://vuejs.org/v2/guide/components-registration.html
• Pliki .vue - https://vuejs.org/v2/guide/single-file-components.html
• Template'y - https://vuejs.org/v2/guide/syntax.html
• data i methods - https://vuejs.org/v2/guide/instance.html#Data-and-Methods
• computed - https://vuejs.org/v2/guide/computed.html
• v-bind - https://vuejs.org/v2/guide/class-and-style.html
• v-if i renderowanie warunkowe - https://vuejs.org/v2/guide/conditional.html
• v-on, eventy - https://vuejs.org/v2/guide/events.html
• v-for, iteracje po tablicach - https://vuejs.org/v2/guide/list.html
• v-model, podłączanie inputów do data - https://vuejs.org/v2/guide/forms.html

Co dalej?:

• vue-cli - https://cli.vuejs.org/
• vue-loader do Webpacka - https://github.com/vuejs/vue-loader
• vue-router - https://router.vuejs.org/
• vuex - https://vuex.vuejs.org/
• vue-server-renderer, niskopoziomowe API do SSR w Vue - https://vuex.vuejs.org/
• Nuxt.js - https://nuxtjs.org/
• Gridsome - https://gridsome.org/

🔥 Fajne rzeczy 🔥

• Adam - https://blog.lukas-bownik.net/
• Artur - Shepherd https://github.com/shipshapecode/shepherd