Guía de Estilo
Refactorización
- 🇺🇸 Refactorizando Vue: Limpiando una Lista de Artículos con mejor Separación de Componentes y más ES6
- 🇺🇸 Limpia tus módulos de Vue con Funciones Flecha de ES6
- 🇺🇸 Ejemplos de código limpio de Vue
- 🇺🇸 Optimizar Rendimiento con propiedades computadas
- 🇺🇸 Simplifica tus componentes con Setters computados
- 🇺🇸 Aprende como refactorizar Componentes de un solo archivo de Vue.js con un ejemplo del mundo real
Rendimiento
- 🇺🇸 Optimización de una aplicación de Vue.js: parte 1 — Carga diferida y división de código en Vue.js
- 🇺🇸 Optimización de una aplicación de Vue.js: parte 2 — Carga diferida de rutas del vue-router y trampas comunes
- 🇺🇸 Optimización de una aplicación de Vue.js: parte 3 — Carga diferida de rutas del vue-router y trampas comunes
- 🇺🇸 Cómo reducir drásticamente la Latencia de entrada estimada y el Tiempo para ser interactivo de Aplicaciones de Vue.js Renderizadas del lado del servidor o SSR
- 🇺🇸 Carga diferida de imágenes con directivas de Vue.js y el Observador de Intersección
Manejo del estado
Vuex
- 🇺🇸 Desacopla módulos de Vuex con el patrón de Mediador
- 🇺🇸 Los getters de Vuex son geniales, pero no los uses de más
- 🇺🇸 Funciones reutilizables de Mutaciones de Vuex
- 🇺🇸 Un patrón para manejar peticiones ajax en Vuex
- 🇺🇸 [Mutaciones de Vuex] Cambio sencillo contra Responsabilidad sencilla
- 🇺🇸 Componentes y como interactúan en Vue y Vuex
- 🇺🇸 Por qué Vuex es la interfaz perfecta entre Frontend y API
- 🇺🇸 Componiendo acciones con Vuex
- 🇺🇸 Como construir Aplicaciones de Vue.js complejas y a gran escala con Vuex
- 🇺🇸 ¿Debería almacenar esta información en Vuex?
- 🇺🇸 Pues, así es como se usa v-model con Vuex. Setter computado en acción.
- 🇺🇸 5 Plugins de Vuex para tu siguiente proyecto de Vue.js
- 🇺🇸 Escribir módulos de Vuex en ordenadas clases de Typescript
- 🇺🇸 Manejando multiples almacenamientos centrales con Vuex
- 🇺🇸 Vuex explicado visualmente
- 🇺🇸 Introducción rápida al ORM de Vuex
Mobx
Componentes sin Renderizado
- 🇺🇸 Componentes sin Renderizado en Vue.js
- 🇺🇸 Construye Componentes sin Renderizado para manejar operaciones CRUD en Vue.js
- 🇺🇸 Construye componentes de Vue "sin Renderizado"
- 🇺🇸 Por qué las librerías de componentes sin Renderizado harán el desarrollo web más fácil y más inclusivo
- 🇺🇸 Patrón de Vue.js para peticiones asíncronas: Usando Componentes sin Renderizado
Ejemplos
Arquitectura
- 🇺🇸 Crea una aplicación a gran escala con Vue.js (parte 1): modulariza tu almacenamiento!
- 🇺🇸 Crea una aplicación a gran escala con Vue.js (parte 2): un poco de Programación Orientada a Objetos.
- 🇺🇸 ¿Vue.js esta listo para aplicaciones empresariales? — Casos de uso de aplicaciones a gran escala
- 🇺🇸 Cómo evitar violaciones a los principios SOLID en aplicaciones de Vue.js
Estructura de carpetas
- 🇺🇸 Cómo puedes mejorar tu flujo de trabajo usando la consola de JavaScript
- 🇺🇸 Cómo estructurar un projecto de Vue.js
- 🇺🇸 Estructura de una aplicación a gran escala con Vuex
- 🇺🇸 Estructura de una aplicación Vue.js y arquitectura de CSS
- 🇺🇸 Estructurando Componentes de Vue
- 🇺🇸 Estructurando un proyecto de Vue con Autenticación
Consejos y Trucos
- 🇺🇸 Cómo construir componentes de Vue como un profesional 😎
- 🇺🇸 Cuatro consejos para trabajar con Vue.js
- 🇺🇸 Consejos de un humilde desarrollador VueJS
- 🇺🇸 Limitar y retardar eventos con Vue.js y lodash
- 🇺🇸 ¿Son posibles funciones parcialmente aplicadas en manejadores de eventos?
- 🇺🇸 Vue.js — Consideraciones y trucos
- 🇺🇸 Seis problemas al azar y sus soluciones en VueJS.
- 🇺🇸 Cuando VueJS no puede ayudarte
- 🇺🇸 Cosas que no funcionarán usando Vue
- 🇺🇸 Consejo#15 Retarda la ejecución con _.debounce
- 🇺🇸 Maneja llamadas API en Vue
- 🇺🇸 Diapositivas - Vue y Patrones de REST API
- 🇺🇸 Tipado de datos en Vue sin TypeScript
- 🇺🇸 Depurando la reactividad de Vue.js: El árbol computado
- 🇺🇸 Comportamiento auxiliar para Iframes bloqueados: AUna solución (Tosca) con Vue.js
- 🇺🇸 Simplifica tus componentes de Vue con Setters computados
- 🇺🇸 Construye aplicaciones desacopladas de Vue.js con Ganchos (Hooks)
- 🇺🇸 Cómo desbloquear todo el potencial del tipado de props en Vue
- 🇺🇸 Un ejemplo más de un componente abstracto en Vue.js
- 🇺🇸 Unos pocos trucos prácticos de Vue.js
Enrutador
- 🇺🇸 Documentación - Guardias de Navegación
- 🇺🇸 Guardias de Navegación del enrutador de Vue con Vuex
- 🇺🇸 Implementando un Middleware sencillo con el enrutador de Vue
- 🇺🇸 Enrutador de Vue — El manual perdido
- 🇺🇸 Las maravillosas y menos conocidas cosas que el Enrutador de Vue puede hacer
- 🇺🇸 Almacenando y usando la última ruta conocida en Vue
- 🇺🇸 Ganchos (Hooks) de rutas de componentes de Vue
Anti Patrones
- 🇺🇸 Chris Fritz - Anti-Patrones de Vue.js (y como evitarlos)
- 🇺🇸 Errores comunes a evitar al trabajar con Vue.js
- 🇺🇸 Evita este anti-patrón común en aplicaciones Full-Stack Vue/Laravel
- 🇺🇸 [Video] - VueNYC - Tres olores de código de Vue, y que puedes hacer con ellos - Matt Rothenberg (@mattrothenberg)
- 🇺🇸 Por qué no debes utilizar Vue.component
Videos / Audios
- 🇺🇸 81: Evan You - Diseño Avanzado de componentes de Vue
- 🇺🇸 7 patrones secretos que los asesores no quieren que sepas
Repositorios
Pagado
- 🇺🇸 Diseño de componentes avanzado de Vue
- 🇺🇸 Características avanzadas de Vue.js desde abajo
- 🇺🇸 Vue Mastery
Typescript
- 🇺🇸 Vue + TypeScript: Un emparejamiento hecho en tu editor de código
- 🇺🇸 Escribiendo componentes basados en Clases con Vue.js y TypeScript
- 🇺🇸 Escribiendo módulos de Vuex en classes de Typescript ordenadas
Flowtype
GraphQL
Pruebas
- 🇺🇸 Probando acciones de Vuex correctamente con Jest
- 🇺🇸 Como utilizar datos simulados en aplicaciones de Vue
- 🇺🇸 Simulando objetos globales con las utilidades de pruebas de vue
- 🇺🇸 Probando aplicaciones de VueJs del mundo real
- 🇺🇸 Pruebas unitarias del enrutador de Vue
- 🇺🇸 Trabajando con una aplicación en Vue.js con Desarrollo conducido por Pruebas (TDD) — Una guía extensa para gente con tiempo - Parte 1
- 🇺🇸 Trabajando con una aplicación en Vue.js con Desarrollo conducido por Pruebas (TDD) — Una guía extensa para gente con tiempo - Parte 2
- 🇺🇸 Trabajando con una aplicación en Vue.js con Desarrollo conducido por Pruebas (TDD) — Una guía extensa para gente con tiempo - Parte 3
- 🇺🇸 Trabajando con una aplicación en Vue.js con Desarrollo conducido por Pruebas (TDD) — Una guía extensa para gente con tiempo - Parte 4
- 🇺🇸 Trabajando con una aplicación en Vue.js con Desarrollo conducido por Pruebas (TDD) — Una guía extensa para gente con tiempo - Parte 5
- 🇺🇸 Cómo usar datos simulados en aplicaciones Vue
Misceláneo
- 🇺🇸 Crear un componente separador de elementos en Vue desde una implementación con React
- 🇺🇸 Componiendo propiedades computadas en Vue.js
- 🇺🇸 4 Patrones de AJAX para aplicaciones Vue.js
- 🇺🇸 3 Patrones de división de código para VueJS y Webpack
- 🇺🇸 La manera más fácil de mejorar tu aplicación Vue.js. Parte 1
- 🇺🇸 Utilizar JSX con Vue y por qué te debería de importar
- 🇺🇸 Componentes compuestos
- 🇺🇸 Crea componentes de Vue.js con múltiples elementos raíces
- 🇺🇸 Entendiendo la reactividad de Vue.js a fondo con Object.defineProperty()
- 🇺🇸 Plantillas en Vue: ¿Separación de intereses or separación de tecnología or algo más?
- 🇺🇸 Almacenando información de componentes de Vue
- 🇺🇸 Creando transiciones reusables en Vue
- 🇺🇸 Taller avanzado de Vue
- 🇺🇸 Hazlo con elegancia: Cómo crear interfaces de usuario basadas en datos en Vue
- 🇺🇸 Creando instancias de componentes de Vue.js Programáticamente
- 🇺🇸 Manejo de permiso de usuarios en una aplicación de Vue.js
- 🇺🇸 Renderizado de componentes funcionales en Vue.js
- 🇺🇸 Iterar a través de propiedades de objetos
- 🇺🇸 Cancelar operaciones asíncronas en Vue.js
- 🇺🇸 Estilos con alcance a componentes con v-html
- 🇺🇸 Paginación con Vuejs
- 🇺🇸 ¿Qué significa la ‘h’ en el método de renderizado de Vue?
- 🇺🇸 Cómo construir componentes de Vue que se llevan bien
- 🇺🇸 Hacer componentes responsivos con Vue usando ResizeObserver
- 🇺🇸 Una guía imperativa para crear formularios en Vue.js
- 🇺🇸 Vue.js: the bueno, lo mediocre, y lo feo
- 🇺🇸 Componentes de plantillas dinámicas de Vue.js
- 🇺🇸 Conceptos avanzados de Vue.js: mixins, directivas personalizadas, filtros, transiciones, y manejo de estado
- 🇺🇸 Introducción al patrón de un solo elemento
- 🇺🇸 Controla el DOM fuera de tu aplicación Vue.js con portal-vue
- 🇺🇸 Agrega internacionalización y gestiona traducciones de un sitio en Vue.js
- 🇺🇸 Gestiona experiencias complejas de interfaces de usuarios
- 🇺🇸 Vue.js — Formularios, componentes y consideraciones
- 🇺🇸 Reutilizando lógica en componentes de Vue
- 🇺🇸 Recursividad para componentes de Vue anidados en una estructura de árbol
- 🇺🇸 Puntos a seguir para escribir componentes altamente reusables en React y Vue
- 🇺🇸 Construye una SPA de Vue optimizada para buscadores con pre-renderizado y otros consejos
- 🇺🇸 Hoja de referencia para eliminar bugs en Vue.js (y Vuex)
- 🇺🇸 Estructura de código para una aplicación universal en Nuxt.js
- 🇺🇸 7 lecciones de arquitectura de Frontend de Nuxt.js
- 🇺🇸 ¿De qué van los componentes funcionales en Vue.js?
- 🇺🇸 Llamadas en Vue a una API de una manera inteligente
- 🇺🇸 Cómo crear una aplicación Vue.js utilizando Componentes de un solo archivo, sin usar la interfaz de línea de comandos (CLI).
- 🇺🇸 Un patrón de Vue que quizás no sepas para registro idiomático y eficiente de componentes
- 🇺🇸 Reacciona a Promesas escuchando eventos en Vue.js
- 🇺🇸 Fábrica de componentes de un solo archivo de Vue.js
- 🇺🇸 Componiendo componentes en Vue.js