{"id":4691,"date":"2024-04-15T08:00:00","date_gmt":"2024-04-15T13:00:00","guid":{"rendered":"https:\/\/skatox.com\/blog\/?p=4691"},"modified":"2024-03-31T13:25:20","modified_gmt":"2024-03-31T18:25:20","slug":"design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo","status":"publish","type":"post","link":"https:\/\/skatox.com\/blog\/2024\/04\/15\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\/","title":{"rendered":"Design Patterns for Vue.js: In\u00edciate en Vue escribiendo buen c\u00f3digo"},"content":{"rendered":"\n<p>Recientemente, mientras exploraba Twitter\/X,  vi una publicaci\u00f3n que destacaba contenido de calidad para perfeccionar las habilidades en Vue.JS. Entre las opciones, llam\u00f3 mi atenci\u00f3n el libro \u00abDesign Patterns for Vue.JS\u00bb. Dado que en ese momento estaba enfocado en mejorar mis habilidades de pruebas de c\u00f3digo y aplicar patrones de dise\u00f1o, decid\u00ed darle una oportunidad y contactar al autor para comprar una copia.<\/p>\n\n\n\n<p>Al realizar la compra, me percat\u00e9 de que para aquellos que residen en pa\u00edses en v\u00edas de desarrollo pueden obtener un descuento contactando directamente al autor. As\u00ed que me comuniqu\u00e9 con Lachlan Miller, quien generosamente me ofreci\u00f3 un considerable descuento. En el transcurso de nuestra conversaci\u00f3n, Miller mencion\u00f3 que estaba en proceso de reescribir el libro para garantizar la compatibilidad del c\u00f3digo con Vue 3. Agradecido por la rebaja, opt\u00e9 por esperar a la nueva edici\u00f3n y as\u00ed poder disfrutar de una lectura actualizada, cuya opini\u00f3n compartir\u00e9 con ustedes.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/lachlan-miller.me\/design-patterns-for-vuejs?ref=skatox.com\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"304\" height=\"404\" sizes=\"(max-width: 304px) 100vw, 304px\" src=\"https:\/\/skatox.com\/blog\/images\/2023\/12\/design-patterns.png\" alt=\"Portada de Design Patterns for Vue.JS\" class=\"wp-image-4692\"\/><\/a><figcaption class=\"wp-element-caption\">Portada del libro<\/figcaption><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Contenido de Design Patterns for Vue.js<\/h2>\n\n\n\n<p>El enfoque principal de este libro radica en c\u00f3mo escribir tus componentes y c\u00f3digo en Vue.JS de una manera que facilite su prueba. Se centra en la creaci\u00f3n de c\u00f3digo que permita generar pruebas automatizadas r\u00e1pidamente y sin complicaciones, haciendo hincapi\u00e9 en la estructuraci\u00f3n de soluciones que sean reutilizables y accesibles desde el \u00e1mbito de las pruebas.<\/p>\n\n\n\n<p>Es importante destacar que si buscas un libro que ense\u00f1e los patrones de dise\u00f1o m\u00e1s comunes para aplicarlos, este no es el indicado para ti. Aqu\u00ed, los patrones de dise\u00f1o presentados est\u00e1n dise\u00f1ados para facilitar la creaci\u00f3n de pruebas automatizadas y, por ende, mejorar la calidad de tu c\u00f3digo. Esto resulta especialmente beneficioso si careces de conocimientos sobre c\u00f3mo realizar pruebas o si no est\u00e1s familiarizado con la creaci\u00f3n de c\u00f3digo escalable, sencillo y probado.<\/p>\n\n\n\n<p>Todos los ejemplos se han sido actualizados a Vue 3 con Composition API, lo que los hace muy accesibles y comprensibles para captar las ideas sobre qu\u00e9 patrones aplicar. El contenido abarca desde las partes b\u00e1sicas de un componente hasta la creaci\u00f3n de componentes complejos, as\u00ed como la interacci\u00f3n con APIs, entre otros temas. En resumen, es un libro sumamente completo, por lo que tambi\u00e9n lo recomiendo para aquellos que deseen aprender m\u00e1s sobre Vue.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Recomendaciones<\/h2>\n\n\n\n<p>Este libro es interesante si deseas mejorar la forma en que escribes c\u00f3digo que ser\u00e1 probado con pruebas automatizadas. En mi opini\u00f3n, Design Patterns for Vue.js es un buen libro para aprender a usar Vue.JS si vienes de otro framework, pues explica con detalle todo lo necesario para escribir aplicaciones con esta librer\u00eda.<\/p>\n\n\n\n<p>Tambi\u00e9n es un buen repaso de lo que puedes hacer con Vue.JS y reforzar como escribir c\u00f3digo que sea f\u00e1cil de probar. Yo recomiendo este libro a cualquier desarrollador web que desee mejorar sus habilidades con Vue.JS (sobre todo, aquellos que est\u00e1n inici\u00e1ndose)<\/p>\n\n\n\n<p><a href=\"https:\/\/lachlan-miller.me\/design-patterns-for-vuejs\">Compra el libro en su pagina oficial<\/a> y disfruta de su contenido.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><\/h2>\n","protected":false},"excerpt":{"rendered":"<p>Recientemente, mientras exploraba Twitter\/X, vi una publicaci\u00f3n que destacaba contenido de calidad para perfeccionar las habilidades en Vue.JS. Entre las opciones, llam\u00f3 mi atenci\u00f3n el&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/skatox.com\/blog\/2024\/04\/15\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\/\">Seguir leyendo<span class=\"screen-reader-text\">Design Patterns for Vue.js: In\u00edciate en Vue escribiendo buen c\u00f3digo<\/span><\/a><\/div>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"Design Patterns for Vue.js: In\u00edciate en #Vue escribiendo buen c\u00f3digo que se puede probar (testeable)","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[716,817,582],"tags":[],"class_list":["post-4691","post","type-post","status-publish","format-standard","hentry","category-todo-lo-relacionado-al-desarrollo-de-software","category-libros","category-planetas-linux","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Design Patterns for Vue.js: In\u00edciate en Vue escribiendo buen c\u00f3digo - El blog de Skatox<\/title>\n<meta name=\"description\" content=\"Aprende con Design patterns for vue.js los mejores patrones de dise\u00f1o y estrategias para desarrollar aplicaciones s\u00f3lidas y escalables.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/skatox.com\/blog\/2024\/04\/15\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design Patterns for Vue.js: In\u00edciate en Vue escribiendo buen c\u00f3digo - El blog de Skatox\" \/>\n<meta property=\"og:url\" content=\"https:\/\/skatox.com\/blog\/2024\/04\/15\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\/\" \/>\n<meta property=\"og:site_name\" content=\"El blog de Skatox\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ElWeblogdeSkatox\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-04-15T13:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/skatox.com\/blog\/images\/2023\/12\/design-patterns.png\" \/>\n<meta name=\"author\" content=\"Miguel Useche\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@skatox\" \/>\n<meta name=\"twitter:site\" content=\"@skatox\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Miguel Useche\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2024\\\/04\\\/15\\\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2024\\\/04\\\/15\\\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\\\/\"},\"author\":{\"name\":\"Miguel Useche\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#\\\/schema\\\/person\\\/e081bf33c5b0f1b0514e253cb578e1ba\"},\"headline\":\"Design Patterns for Vue.js: In\u00edciate en Vue escribiendo buen c\u00f3digo\",\"datePublished\":\"2024-04-15T13:00:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2024\\\/04\\\/15\\\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\\\/\"},\"wordCount\":537,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2024\\\/04\\\/15\\\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/skatox.com\\\/blog\\\/images\\\/2023\\\/12\\\/design-patterns.png\",\"articleSection\":[\"Desarrollo y Programaci\u00f3n\",\"Libros\",\"Planetas\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/skatox.com\\\/blog\\\/2024\\\/04\\\/15\\\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2024\\\/04\\\/15\\\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\\\/\",\"url\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2024\\\/04\\\/15\\\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\\\/\",\"name\":\"Design Patterns for Vue.js: In\u00edciate en Vue escribiendo buen c\u00f3digo - El blog de Skatox\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2024\\\/04\\\/15\\\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2024\\\/04\\\/15\\\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/skatox.com\\\/blog\\\/images\\\/2023\\\/12\\\/design-patterns.png\",\"datePublished\":\"2024-04-15T13:00:00+00:00\",\"description\":\"Aprende con Design patterns for vue.js los mejores patrones de dise\u00f1o y estrategias para desarrollar aplicaciones s\u00f3lidas y escalables.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2024\\\/04\\\/15\\\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/skatox.com\\\/blog\\\/2024\\\/04\\\/15\\\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2024\\\/04\\\/15\\\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\\\/#primaryimage\",\"url\":\"https:\\\/\\\/skatox.com\\\/blog\\\/images\\\/2023\\\/12\\\/design-patterns.png\",\"contentUrl\":\"https:\\\/\\\/skatox.com\\\/blog\\\/images\\\/2023\\\/12\\\/design-patterns.png\",\"width\":304,\"height\":404,\"caption\":\"Portada del libro\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2024\\\/04\\\/15\\\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/skatox.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design Patterns for Vue.js: In\u00edciate en Vue escribiendo buen c\u00f3digo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/skatox.com\\\/blog\\\/\",\"name\":\"El blog de Skatox\",\"description\":\"Compartiendo mis opiniones inform\u00e1ticas mas all\u00e1 de los 280 caracteres\",\"publisher\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/skatox.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#organization\",\"name\":\"El blog de Skatox\",\"url\":\"https:\\\/\\\/skatox.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/skatox.com\\\/blog\\\/images\\\/2022\\\/03\\\/tux.png\",\"contentUrl\":\"https:\\\/\\\/skatox.com\\\/blog\\\/images\\\/2022\\\/03\\\/tux.png\",\"width\":218,\"height\":218,\"caption\":\"El blog de Skatox\"},\"image\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/ElWeblogdeSkatox\\\/\",\"https:\\\/\\\/x.com\\\/skatox\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/skatox\\\/\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/MiguelAngelUsecheCastro\",\"https:\\\/\\\/x.com\\\/skatox\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#\\\/schema\\\/person\\\/e081bf33c5b0f1b0514e253cb578e1ba\",\"name\":\"Miguel Useche\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/aec95b02408138cb9d08288435373552.jpg?ver=1776390187\",\"url\":\"https:\\\/\\\/skatox.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/aec95b02408138cb9d08288435373552.jpg?ver=1776390187\",\"contentUrl\":\"https:\\\/\\\/skatox.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/aec95b02408138cb9d08288435373552.jpg?ver=1776390187\",\"caption\":\"Miguel Useche\"},\"sameAs\":[\"https:\\\/\\\/skatox.com\",\"https:\\\/\\\/x.com\\\/skatox\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design Patterns for Vue.js: In\u00edciate en Vue escribiendo buen c\u00f3digo - El blog de Skatox","description":"Aprende con Design patterns for vue.js los mejores patrones de dise\u00f1o y estrategias para desarrollar aplicaciones s\u00f3lidas y escalables.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/skatox.com\/blog\/2024\/04\/15\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\/","og_locale":"es_ES","og_type":"article","og_title":"Design Patterns for Vue.js: In\u00edciate en Vue escribiendo buen c\u00f3digo - El blog de Skatox","og_url":"https:\/\/skatox.com\/blog\/2024\/04\/15\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\/","og_site_name":"El blog de Skatox","article_publisher":"https:\/\/www.facebook.com\/ElWeblogdeSkatox\/","article_published_time":"2024-04-15T13:00:00+00:00","og_image":[{"url":"https:\/\/skatox.com\/blog\/images\/2023\/12\/design-patterns.png","type":"","width":"","height":""}],"author":"Miguel Useche","twitter_card":"summary_large_image","twitter_creator":"@skatox","twitter_site":"@skatox","twitter_misc":{"Escrito por":"Miguel Useche","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/skatox.com\/blog\/2024\/04\/15\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\/#article","isPartOf":{"@id":"https:\/\/skatox.com\/blog\/2024\/04\/15\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\/"},"author":{"name":"Miguel Useche","@id":"https:\/\/skatox.com\/blog\/#\/schema\/person\/e081bf33c5b0f1b0514e253cb578e1ba"},"headline":"Design Patterns for Vue.js: In\u00edciate en Vue escribiendo buen c\u00f3digo","datePublished":"2024-04-15T13:00:00+00:00","mainEntityOfPage":{"@id":"https:\/\/skatox.com\/blog\/2024\/04\/15\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\/"},"wordCount":537,"commentCount":0,"publisher":{"@id":"https:\/\/skatox.com\/blog\/#organization"},"image":{"@id":"https:\/\/skatox.com\/blog\/2024\/04\/15\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\/#primaryimage"},"thumbnailUrl":"https:\/\/skatox.com\/blog\/images\/2023\/12\/design-patterns.png","articleSection":["Desarrollo y Programaci\u00f3n","Libros","Planetas"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/skatox.com\/blog\/2024\/04\/15\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/skatox.com\/blog\/2024\/04\/15\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\/","url":"https:\/\/skatox.com\/blog\/2024\/04\/15\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\/","name":"Design Patterns for Vue.js: In\u00edciate en Vue escribiendo buen c\u00f3digo - El blog de Skatox","isPartOf":{"@id":"https:\/\/skatox.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/skatox.com\/blog\/2024\/04\/15\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\/#primaryimage"},"image":{"@id":"https:\/\/skatox.com\/blog\/2024\/04\/15\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\/#primaryimage"},"thumbnailUrl":"https:\/\/skatox.com\/blog\/images\/2023\/12\/design-patterns.png","datePublished":"2024-04-15T13:00:00+00:00","description":"Aprende con Design patterns for vue.js los mejores patrones de dise\u00f1o y estrategias para desarrollar aplicaciones s\u00f3lidas y escalables.","breadcrumb":{"@id":"https:\/\/skatox.com\/blog\/2024\/04\/15\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/skatox.com\/blog\/2024\/04\/15\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/skatox.com\/blog\/2024\/04\/15\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\/#primaryimage","url":"https:\/\/skatox.com\/blog\/images\/2023\/12\/design-patterns.png","contentUrl":"https:\/\/skatox.com\/blog\/images\/2023\/12\/design-patterns.png","width":304,"height":404,"caption":"Portada del libro"},{"@type":"BreadcrumbList","@id":"https:\/\/skatox.com\/blog\/2024\/04\/15\/design-patterns-for-vue-js-iniciate-en-vue-escribiendo-buen-codigo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/skatox.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Design Patterns for Vue.js: In\u00edciate en Vue escribiendo buen c\u00f3digo"}]},{"@type":"WebSite","@id":"https:\/\/skatox.com\/blog\/#website","url":"https:\/\/skatox.com\/blog\/","name":"El blog de Skatox","description":"Compartiendo mis opiniones inform\u00e1ticas mas all\u00e1 de los 280 caracteres","publisher":{"@id":"https:\/\/skatox.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/skatox.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/skatox.com\/blog\/#organization","name":"El blog de Skatox","url":"https:\/\/skatox.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/skatox.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/skatox.com\/blog\/images\/2022\/03\/tux.png","contentUrl":"https:\/\/skatox.com\/blog\/images\/2022\/03\/tux.png","width":218,"height":218,"caption":"El blog de Skatox"},"image":{"@id":"https:\/\/skatox.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ElWeblogdeSkatox\/","https:\/\/x.com\/skatox","https:\/\/www.linkedin.com\/in\/skatox\/","https:\/\/www.youtube.com\/c\/MiguelAngelUsecheCastro","https:\/\/x.com\/skatox\/"]},{"@type":"Person","@id":"https:\/\/skatox.com\/blog\/#\/schema\/person\/e081bf33c5b0f1b0514e253cb578e1ba","name":"Miguel Useche","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/skatox.com\/blog\/wp-content\/litespeed\/avatar\/aec95b02408138cb9d08288435373552.jpg?ver=1776390187","url":"https:\/\/skatox.com\/blog\/wp-content\/litespeed\/avatar\/aec95b02408138cb9d08288435373552.jpg?ver=1776390187","contentUrl":"https:\/\/skatox.com\/blog\/wp-content\/litespeed\/avatar\/aec95b02408138cb9d08288435373552.jpg?ver=1776390187","caption":"Miguel Useche"},"sameAs":["https:\/\/skatox.com","https:\/\/x.com\/skatox"]}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":4207,"url":"https:\/\/skatox.com\/blog\/2020\/06\/15\/documental-sobre-la-creacion-de-vue-js\/","url_meta":{"origin":4691,"position":0},"title":"Documental sobre la creaci\u00f3n de Vue.js","author":"Miguel Useche","date":"15 de junio de 2020","format":false,"excerpt":"Vue.JS es una librer\u00eda de Javascript que he estado recientemente para mis proyectos. Me gusta por la facilidad de crear vistas, contar con el c\u00f3digo HTML, JavaScript y CSS en un mismo archivo de forma separada. Esto facilita ver la estructura del documento, ver los eventos y la apariencia en\u2026","rel":"","context":"En \u00abDesarrollo y Programaci\u00f3n\u00bb","block_context":{"text":"Desarrollo y Programaci\u00f3n","link":"https:\/\/skatox.com\/blog\/category\/todo-lo-relacionado-al-desarrollo-de-software\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/img.youtube.com\/vi\/OrxmtDw4pVI\/0.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":4083,"url":"https:\/\/skatox.com\/blog\/2019\/08\/19\/crear-notificaciones-en-vue-js-con-vuetify-2-0-y-vuex\/","url_meta":{"origin":4691,"position":1},"title":"Crear notificaciones en Vue.js con Vuetify 2.0 y Vuex","author":"Miguel Useche","date":"19 de agosto de 2019","format":false,"excerpt":"Si est\u00e1n utilizando Vuetify y desean un componente para mostrar notificaciones en vue.js. Ver\u00e1n que existe una llamado Snackbar que permite implementarlos. El problema de este componente es que requiere definirse en cada vista que hagamos en Vue (por la naturaleza de esta librer\u00eda) y debemos crear un m\u00e9todo para\u2026","rel":"","context":"En \u00abDesarrollo web\u00bb","block_context":{"text":"Desarrollo web","link":"https:\/\/skatox.com\/blog\/category\/todo-lo-relacionado-al-desarrollo-de-software\/desarrollo-web\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":4409,"url":"https:\/\/skatox.com\/blog\/2022\/01\/24\/cargar-dinamicamente-mixins-distintos-desde-vue-router\/","url_meta":{"origin":4691,"position":2},"title":"Cargar din\u00e1micamente mixins distintos desde Vue router","author":"Miguel Useche","date":"24 de enero de 2022","format":false,"excerpt":"Si estas haciendo aplicaciones con Vue.js es probablemente que est\u00e9s usando los mixins para reutilizar el c\u00f3digo. En algunos casos, existe la posibilidad de que tengas dos o m\u00e1s mixins con los mismos nombres de m\u00e9todos pero implementando las funcionalidades de forma distinta. Pero solo necesites importar\/inyectar uno solo en\u2026","rel":"","context":"En \u00abDesarrollo web\u00bb","block_context":{"text":"Desarrollo web","link":"https:\/\/skatox.com\/blog\/category\/todo-lo-relacionado-al-desarrollo-de-software\/desarrollo-web\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":4709,"url":"https:\/\/skatox.com\/blog\/2024\/03\/08\/unit-testing-principles-practices-and-patterns\/","url_meta":{"origin":4691,"position":3},"title":"Unit Testing Principles, Practices, and Patterns: libro para iniciarte en el testing","author":"Miguel Useche","date":"8 de marzo de 2024","format":false,"excerpt":"Hace un par de a\u00f1os, me embarqu\u00e9 en la b\u00fasqueda de formas para potenciar mis habilidades en pruebas de software. Fue en un hilo de Twitter (ahora X) donde me top\u00e9 con una discusi\u00f3n sobre las diferencias entre stub y mock. En medio de esta conversaci\u00f3n, alguien recomend\u00f3 el libro\u2026","rel":"","context":"En \u00abDesarrollo y Programaci\u00f3n\u00bb","block_context":{"text":"Desarrollo y Programaci\u00f3n","link":"https:\/\/skatox.com\/blog\/category\/todo-lo-relacionado-al-desarrollo-de-software\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2024\/03\/Unit-Testing-Principles-Practices-and-Patterns-.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2024\/03\/Unit-Testing-Principles-Practices-and-Patterns-.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2024\/03\/Unit-Testing-Principles-Practices-and-Patterns-.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2024\/03\/Unit-Testing-Principles-Practices-and-Patterns-.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":5742,"url":"https:\/\/skatox.com\/blog\/2025\/11\/24\/documental-sobre-la-historia-de-vite\/","url_meta":{"origin":4691,"position":4},"title":"Documental sobre la historia de Vite","author":"Miguel Useche","date":"24 de noviembre de 2025","format":false,"excerpt":"La gente de CultRepo ha sacado un documental sobre la historia de Vite, el software de construcci\u00f3n de Javascript m\u00e1s popular en los \u00faltimos a\u00f1os. Me sorprende la realizaci\u00f3n de este documental porque, a pesar de que Vite es muy usado actualmente, generalmente los documentales que hacen son de tecnolog\u00edas\u2026","rel":"","context":"En \u00abDesarrollo y Programaci\u00f3n\u00bb","block_context":{"text":"Desarrollo y Programaci\u00f3n","link":"https:\/\/skatox.com\/blog\/category\/todo-lo-relacionado-al-desarrollo-de-software\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/img.youtube.com\/vi\/bmWQqAKLgT4\/0.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":2516,"url":"https:\/\/skatox.com\/blog\/2012\/11\/07\/clean-code-libro-para-desarrolladores\/","url_meta":{"origin":4691,"position":5},"title":"Clean Code: Libro para desarrolladores","author":"Miguel Useche","date":"7 de noviembre de 2012","format":false,"excerpt":"Hace unos meses termin\u00e9 de leer Clean Code, un libro recomendado en un art\u00edculo de Mundo Geek titulado 10 libros m\u00edticos sobre programaci\u00f3n que todo desarrollador deber\u00eda leer.\u00a0 se enfoca hacia el programador y no al resto de tareas, por lo que si no son desarrolladores este libro no es\u2026","rel":"","context":"En \u00abDesarrollo y Programaci\u00f3n\u00bb","block_context":{"text":"Desarrollo y Programaci\u00f3n","link":"https:\/\/skatox.com\/blog\/category\/todo-lo-relacionado-al-desarrollo-de-software\/"},"img":{"alt_text":"Portada de Clean Code","src":"https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2012\/11\/CleanCode-452x600.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/posts\/4691","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/comments?post=4691"}],"version-history":[{"count":0,"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/posts\/4691\/revisions"}],"wp:attachment":[{"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/media?parent=4691"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/categories?post=4691"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/tags?post=4691"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}