Skip to content

Instantly share code, notes, and snippets.

@jjhoncv
Created April 22, 2018 17:30
Show Gist options
  • Save jjhoncv/383ce98844a425088ff60ed4e1e423b7 to your computer and use it in GitHub Desktop.
Save jjhoncv/383ce98844a425088ff60ed4e1e423b7 to your computer and use it in GitHub Desktop.

vueJs

  • framework progresivo, poco a poco se va incrementando la complejidad
  • MV, solo modelos y vistas, vistas q estan atadas a modelos, vistas reactivas
  • componentes renderizables
  • facil de aprender, react codigo procesural
  • vuejs+herammietas+librerias = SPA

vue -> cambia el modelo -> cambia la vista vue es mas rapido

vue vs react

similitudes

  • los 2 usan VDOM,
  • Componentes
  • libreria core solo para UI

performance

  • minimiza interaccion con el DOM

HTML

react JSX, engorroso vuejs mas legible y entendible, hay directivas, son mas declarativos los templates, permite usar pug, sass

CSS in JS

reacts objetos vue puede ser stylus sass, media-queries, maneja un scope, un atributo para reducir el scope mayor control del componente a nivel de estilos con css scopeado

Redux <----> Vuex React Router <----> vue-router

Vue vs Angular

  • typescript para vue no es necesario
  • vue es mas rapido
  • vue pesa la mitad de angular
  • curva de aprendizaje en vue es mas facil, solo html,css,js para vue
  • vue acepta preprocesadores pug, stylus, sass, no obligatorio
  • Con Angular, typescript, inicializar el proyecto, servicios, rutas, todo para solo hacer un "hola mundo"

export default {} -> es6 modules.exports = {} -> commonjs

es-lint falta el include

back tips la comita de string literals

manejo de servicios ... coloco al servicio en un solo archivo con su url x defecto

const myservice = trae.create({ baseUrl: configService.apiUrl })

export default myservice

añadir componentes de manera global

Vue.component("child", ChildComponent)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment