Vue.js

Mas o que é o Vue exatamente?

De acordo com a documentação:

Vue is a progressive framework for building user interfaces.

Um framework progressivo

Um framework para construir interfaces

Vue e View

tem mais em comum que só a pronúncia

Pensando na sua UI através de estados

E como são os componentes?

    // Meu componente
    // hello.vue
    
    <template>
    
      <p>Hello Vue!</p>
    
    </template>
    
    
    
    <script>
    
    </script>
    
    
    
    <style lang="scss" scoped>
    
      p {
        color: blue;
      }
    
    </style>

        <h1>Meu App</h1>

        <hello></hello>

        <p>
            Este parágrafo não é afetado
            pelo CSS do meu componente :)
        </p>

Tudo bem, mas

por onde eu começo?

Primeiro um App apenas com Vue.js

yarn global add vue-cli
vue init webpack my_app
cd my_app
yarn install
yarn run dev

# Done! :)

E que tal no Rails 5.1?

rails new my_app --webpack=vue
cd my_app
yarn install
rails server

# Done again! ;)

Yes, THAT easy

Quando usar?

na minha opinião :-)

Meu app é ou precisa* ser um SPA

*será que realmente precisa?

Meu app tem muita lógica no front-end que eu gostaria de testar

Meu app usa muito JS e precisa de alta performance

Algumas das minhas funcionalidades são Javascript-intensive (sugiro uma abordagem híbrida)

Para concluir, algumas dicas

1

A documentação é o único tutorial que você vai precisar

2

Adicionar o Vue é uma camada de complexidade a mais

E exige que aprendamos sua arquitetura orientada a componentes

3

Se fazer o setup via vue-cli ou pelo Webpacker não é uma opção, prepare-se para brigar um pouco com o Webpack