- Aprender
-
Ecosistema
Ayuda
Herramientas
Librerías Oficiales
Noticias
Lista de Recursos
- Equipo
- Apoyar Vue
- Traducciones
Libro de Recetasbeta
- Introducción
- Agregando Propiedades de Instancia
- Validación de Formularios
- Sistema de Íconos SVG Editables
- Crear un Blog en base a un CMS
- Pruebas unitarias de componentes Vue
- Creando Directivas de Desplazamiento
- Depurando en VS Code
- Usando Axios para consumir APIs
- Evitando las fugas de memoria
- Almacenamiento del lado del cliente
- Paquete de Componentes de Vue para npm
- Dockerizar una aplicación Vue.js
- Uso práctico de scoped slots con GoogleMaps
Introducción
El Libro de Recetas vs la Guía
¿En qué se diferencia el libro de recetas de la guía? ¿Por qué es esto necesario?
Mayor Enfoque: En la guía, esencialmente estamos contando una historia. Cada sección se asume y construye sobre el conocimiento de cada sección anterior. En el libro de recetas, cada receta puede y debería valer por sí sola. Esto significa que las recetas pueden centrarse en un aspecto específico de Vue, en lugar de tener que dar una visión general.
Mayor Profundidad: Para evitar que la guía sea demasiado larga, tratamos de incluir solo los ejemplos más simples posibles, y así, ayudarlo a entender cada funcionalidad. Entonces seguimos adelante. En el libro de recetas, podemos incluir ejemplos más complejos, combinando funcionalidades en formas interesantes. Cada receta también puede ser tan larga y detallada como sea necesario, para explorar completamente su nicho.
Enseñando JavaScript: En la guía, asumimos al menos familiaridad intermedia con JavaScript ES5. Por ejemplo, no explicaremos cómo funciona
Array.prototype.filter
en una propiedad computada que filtra una lista. Sin embargo, en el libro de recetas, se pueden explorar y explicar las funciones esenciales de JavaScript (incluido ES6/2015+) en el contexto de cómo nos ayudan a construir mejores aplicaciones Vue.Explorando el Ecosistema: Para características avanzadas, asumimos algún conocimiento del ecosistema. Por ejemplo, si desea usar componentes de un solo archivo en Webpack, no explicamos cómo configurar las partes que no son de Vue de la configuración de Webpack. En el libro de recetas, tenemos el espacio para explorar estas librerías del ecosistema en mayor profundidad, al menos en la medida en que sea universalmente útil para los desarrolladores de Vue.
Contribuciones del libro de recetas
Lo que estamos buscando
El libro de recetas proporciona ejemplos típicos de la vida real o interesantes para que los desarrolladores puedan usar como modelo, y también explica progresivamente detalles más complejos. Nuestro objetivo es ir más allá de un simple ejemplo introductorio, y demostrar los conceptos que son más aplicables, así como algunas advertencias para el enfoque.
Si está interesado en contribuir, inicie la colaboración reportando un problema con la etiqueta idea de libro de recetas con su concepto para que podamos guiarlo hacia la creación de un pull request exitoso. Después de que su idea haya sido aprobada, siga la plantilla a continuación lo más posible. Algunas secciones son requeridas, y otras son opcionales. Seguir el orden numérico se sugiere fuertemente, pero no es obligatorio.
Las recetas deben generalmente:
- Resolver un problema específico y común
- Comenzar con el ejemplo más simple posible
- Introducir complejidades una a la vez
- Enlazar a otros documentos, en lugar de re-explicar conceptos
- Describir el problema, en lugar de asumir la familiaridad
- Explicar el proceso, en lugar de solo mostrar el resultado
- Explicar las ventajas y desventajas de su estrategia, incluso cuándo es apropiado y cuándo no
- Mencione soluciones alternativas, si son relevantes, pero deje las exploraciones en profundidad en una receta separada
Le solicitamos que siga la siguiente plantilla. Sin embargo, entendemos que hay ocasiones en las que es posible que deba desviarse por claridad o flujo. De cualquier manera, todas las recetas deben discutir en algún momento el matiz de la elección hecha usando este patrón, preferiblemente en la sección de patrones alternativos.
Ejemplo base
necesario
- Articule el problema en una oración o dos.
- Explique la solución más simple posible en una oración o dos.
- Muestre un ejemplo de código pequeño.
- Explique lo que esto logra en una oración.
Detalles sobre el valor
necesario
- Responda a las preguntas comunes que uno pueda tener mientras mira el ejemplo. (Las citas de bloque son geniales para esto).
- Muestre ejemplos de errores comunes y cómo pueden evitarse.
- Muestre ejemplos de código simples, de patrones buenos y malos.
- Discuta por qué esto puede ser un patrón convincente. No se requieren enlaces de referencia, pero se recomienda.
Ejemplo del mundo real
necesario
Demuestre el código que podría impulsar un caso de uso común o interesante, ya sea por:
- Una recorrida a través de unos pocos ejemplos de configuración, o
- Incorporar un ejemplo de codepen/jsfiddle
Si elige hacer lo último, aún debe hablar sobre qué es y qué hace.
Contexto adicional
opcional
Es extremadamente útil escribir un poco sobre este patrón, en qué otro lugar se aplicaría, por qué funciona bien y ejecutar un poco de código a medida que lo hace o dar a las personas más material de lectura aquí.
Cuando evitar este patrón
opcional
Esta sección no es requerida, pero altamente recomendable. No tiene sentido escribirlo para algo muy simple, como alternar clases en función del cambio de estado, pero para patrones más avanzados como los mixins es vital. La respuesta a la mayoría de las preguntas sobre el desarrollo es “¡Depende!”, esta sección abarca eso. Aquí, analizaremos con honestidad cuándo es útil el patrón y cuándo debería evitarse, o cuando algo más tiene más sentido.
Patrones alternativos
necesario
Esta sección es obligatoria cuando ha proporcionado la sección anterior sobre prevención. Es importante explorar otros métodos para que las personas que dicen que algo es un antipatrón en ciertas situaciones no se queden preguntándose. Al hacerlo, considere que la web es una gran carpa y que muchas personas tienen diferentes estructuras de base de código y están resolviendo diferentes objetivos. ¿La aplicación es grande o pequeña? ¿Están integrando Vue en un proyecto existente, o están construyendo desde cero? ¿Sus usuarios solo están tratando de lograr un objetivo o muchos? ¿Hay muchos datos asíncronos? Todas estas preocupaciones impactarán en implementaciones alternativas. Una buen libro de recetas da a los desarrolladores este contexto.
Gracias
Se necesita tiempo para contribuir a la documentación, y si invierte tiempo para enviar un PR a esta sección de nuestros documentos, lo hace con nuestra gratitud.