Your Choice JavaScript News

Vue News Thursday, February 22

Vue News TLDR / Table of Contents

  • State Management in Vue: Getting Started with Vuex
    • Vue, Pen Vue Vuex, component based framework, Vue starter app, state
  • Vue, simple yet scalable by Eduardo San Martin Morote
    • Vue is known for being approachable and also for having good docs. However, it has also been said that it’s not well suited for big applications. While this is not true, some believed it wasn’t and as a consequence, discarded it as a possible choice for their next application even…
    • Vue, good docs, possible choice, big applications, progressive framework
  • YouTube
    • Sarah Drasner – Animating Vue How capable and elegant is Vue js in terms of animation SLIDES: http://slides.com/sdrasner/animating-vue-f17#/4 Frontend Develo…
    • upload original content, YouTube, , ,
  • YouTube
    • In this video we will build a Vue.js frontend to the Laravel 5.5 API that we created in the video below. It will be a full CRUD app with pagination and a Boo…
    • upload original content, YouTube, , ,
  • YouTube
    • Demo of a mini-project to show how easy it is to start with Vue.js. GitHub repo: https://github.com/LaravelDaily/Laravel-Vue-First-CRUD
    • GitHub repo, mini-project, , ,
  • Therefore, it’s best to handle computation inside the store using the getters property: – – const store = new Vuex.Store({ – state: { – counter: 0 – }, – getters: { – counter: state = state.counter * 2 – } – }) – – var App = new Vue({ -…
  • This list will live in our store’s state as array: – – const store = new Vuex.Store({ – state: { – todos: [ – { – task: ‘Code’, – completed: true – }, – { – task: ‘Sleep’, – completed: false – }, – { – task: ‘Eat’, – completed:…
  • The text will be wrapped with a form: – – // Store – const store = new Vuex.Store({ – state: { – todos: [ – … – ] – }, – … – mutations: { – // Add todo mutation – addTodo: (state, payload) = { – // Assemble data…
  • This can be triggered by clicking on each item on the todo list: – – const store = new Vuex.Store({ – state: { – todos: [ – … – ] – }, – mutations: { – addTodo: (state, payload) = { – const task = { – task: payload, -…
  • We can do this by listening to dblclick event: – – const store = new Vuex.Store({ – state: { – todos: [ – … – ] – }, – getters: { – todos: state = state.todos – }, – mutations: { – deleteTodo: (state, payload) = { – const index…

Tags: Vue, Pen Vue Vuex, component based framework, Vue starter app, state

  • Vue is known for being approachable and also for having good docs.
  • However, it has also been said that its not well suited for big applications.
  • While this is not true, some believed it wasnt and as a consequence, discarded it as a possible choice for their next application even though they were enjoying very much developing applications with Vue.
  • During this talk I will elaborate on what makes Vue simple to approach by exploring its mindset and its associated features.

Tags: Vue, good docs, possible choice, big applications, progressive framework

    Tags: upload original content, YouTube, , ,

      Tags: upload original content, YouTube, , ,

        Tags: GitHub repo, mini-project, , ,

        Top Vue Courses

        Vue JS 2: From Beginner to Professional (includes Vuex) (1,798 students enrolled)

        By Bo Andersen
        • How to build advanced Vue.js applications
        • How to build single page applications (SPA)
        • Understand the theory and how Vue works under the hood
        • How to manage state in large applications with Vuex
        • Communicating with servers with HTTP
        • Use modern tools for developing and building applications (e.g. webpack)

        Learn more.


        Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex) (38,295 students enrolled)

        By Maximilian Schwarzmüller
        • Build amazing Vue.js Applications - all the Way from Small and Simple Ones up to Large Enterprise-level Ones
        • Understand the Theory behind Vue.js and use it in Real Projects
        • Leverage Vue.js in both Multi- and Single-Page-Applications (MPAs and SPAs)

        Learn more.


        The Ultimate Vue JS 2 Developers Course (3,882 students enrolled)

        By Anthony Gore
        • Understand all Vue concepts from beginner to advanced
        • Build three real world applications using Vue.js utilising every Vue feature
        • Use the Vuex statement management library
        • Write basic Vue with ES5 and also modern Vue with ES6
        • Setup VueJS environment with development tools including Webpack
        • Create a universal application with server-side rendering
        • Use popular plugins from the Vue ecosystem like vue-router and vue-resource
        • Cutting-edge features like Single File Components, Render functions and Server-Side Rendering

        Learn more.


        Vue JS 2.0 - Mastering Web Apps (52,495 students enrolled)

        By David Katz
        • Build entire Vue JS, VueRouter, and Vuex applications from scratch.
        • Develop apps that deal with APIs and web requests.
        • Create web apps with a full authentication service, and real-time database.

        Learn more.


        Learn by Doing: Vue JS 2.0 the Right Way (1,437 students enrolled)

        By Dejan Stošić
        • Build your own VueJS application of any size
        • Plan and structure your project
        • Write maintainable code
        • Use smart development tools like vue-cli

        Learn more.