Heavily-Composed Vue TodoMVC Example

Progress

  • Add Redux Toolkit for state management
  • Add complete and delete functionality to todos
  • Get a super-basic todo list using .vue components working with plain Vue

Up and Running

  1. Install the dependencies found in the package.json
  2. Build the project
npm install
npm run build
  1. Open public/index.html in your browser.

A client SPA composed with Vue

Coming soon ...

Here's the full tech-stack that we've chosen to execute this idea:

  • JavaScript: transpiled using Babel
  • Vue: the V in MVC

A bit on the top 2:

Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with modern tooling and supporting libraries.

Vue.js Introduction

Learning Vue

The Vue website is a great resource for getting started.

Here are some links you may find helpful:

How it works

Coming soon ...