NuxtJS - The Vue.js Framework

MisKo

#30 Si no me equivoco, a priori cualquier cosa de vue2 funciona en vue3.

Yo cuando NUXT esté actualizado, cogeré un proyecto antiguo y copiaré/pegaré en ese proyecto los archivos tal cual a ver si asi me da alguna mejora xDD

Luego ya, cambiar el código para usar las nuevas APIs y demás, ya es otro tema xD


Algunas cosas de Nuxt v3





Video de la demo del useFetch:
https://s3.amazonaws.com/media-p.slid.es/videos/9256/fE6GOdIR/nuxt-use-fetch.mp4

1 1 respuesta
Axtrix

#31 El proyecto lo tengo con Vuepress, asi que tocara esperar a que ellos hagan la migracion Vue3.

Nuxt es el clon de Next para Vue?

1 respuesta
MisKo

#32 Supongo que si, no he tocado Next pero la idea creo que es la misma. Tampoco se cual estaba antes de los 2 xD

MisKo

Aunque llego tarde (porque está disponible el plugin desde hace 4 meses), teneis un plugin para generar contenido y demás de manera super sencilla llamado @nuxt/content: https://content.nuxtjs.org/

El plugin soporta contenido en Markdown, JSON, YAML, XML y CSV y, además, proporciona una 'api' de consultas tipo MongoDB, por lo que podeis utilizar vuestros JSON como db y filtrarlos y demás solo con el plugin:
https://res.cloudinary.com/nuxt/video/upload/q_auto/v1588095794/nuxt-content-movies_c0cq9p.webm

Además, utilizando asyncData y target:static podreis hacer páginas que carguen muy rápido.

Dadle un try aunque sea por probar :P

1
s4suk3

para cuando nuxt con vue3?

1 respuesta
MisKo

#35 De momento no hay ninguna fecha estimada :'(

MisKo

Diapositivas de la version 3 de nuxt:

https://slides.com/pi0/nuxt3-arch/

s4suk3

pooya parsa:rofl:

HeXaN

¿Qué pooya parsa aquí?

MisKo

¿Que tramais morenos?


Para el que le pique la curiosidad, el juego que está en portada en MV ( Genshin Impact ) tiene la web con NUXT:

https://genshin.mihoyo.com/en

1
B

.

1 respuesta
MisKo

#41 Pues salvo que alguien se queje, no veo porque no.

No hay tanto movimiento de vue/nuxt por el foro como para mantener 2 hilos xD

1 respuesta
B

.

1 mes después
VonRundstedt

Pues estoy haciendo el curso de Maximiliano en Udemy y la verdad es que me está gustando bastante Vue, aunque el acento de overexcited Werner Herzog de Maximiliano me ataca los nervios a veces. Ya tengo el de Nuxt comprado para el próximo cursillo :ninjaedit:

Para quien tenga curiosidad sobre Vue dejo este vídeo por aquí que estoy usando de refuerzo, son 3 horas pero es un muy buen resumen sobre en que consiste Vue (Vue 3)

2 1 respuesta
MisKo

#44 Yo hice también los 2 cursos ( Vue y NuxtJS ) de Maximilian, asi que ánimo xD

1 respuesta
VonRundstedt

#45 De Vue 2 o Vue 3? Se ve que lo ha actualizado a Vue 3 hará poco más de un mes.

2 respuestas
MisKo

#46 Me los vi con Vue2 (NuxtJS aun no ha actualizado a Vue3 tampoco)

B

.

13 días después
MisKo

No se como he llegado a esta imagen, pero os la dejo aqui compartida xD

2 1 respuesta
VonRundstedt

#49 Me viene de puta madre, gracias D:

2 meses después
B

.

1 respuesta
MisKo

#51 Pues documentación y cosas asi no conozco, aunque por experiencia yo creo que lo principal sería tener la mayor cantidad de componentes "visuales" frente a los componentes "funcionales", es decir, que todo lo que sea "representar" algo, tenga su propio componente sin funcionalidad, al que solo le pases los parámetros necesarios para mostrar lo que necesita.

Por ejemplo, si tienes una lista de "productos" y, al hacer click a un producto, accedes a su ficha, o lo marcas como favorito o algo asi, yo por ejemplo tendría un componente "producto", que recibe las propiedades (nombre, imagen, precio), y que emite eventos ( verFicha, hacerFavorito )

En el componente padre (donde se pintan la lista de productos), sería donde escucharía los eventos de verFicha, hacerFavorito, etc... y ejecutaría código.

LLegados a este punto, si tuvieras la misma funcionalidad en distintos sitios (pintas la lista de productos en 3 páginas distintas [home, buscador, categoria] por ejemplo), podrías sacar la funcion de "verFicha" o de "hacerFavorito" a un archivo aparte e importarlas donde necesites.

Me explico como el culo, pero si no entiendes algo, lo vuelvo a intentar :P

Por cierto, esto que comento, creo que se llama stateless (visuales) vs stateful (funcionales), por si quieres buscar más info :P

1 respuesta
B

.

1 respuesta
MisKo

#53 La verdad que eso debería ser algo que se 'haga en comun' con el resto del equipo, cerrar una estructura sensata y que todos la sigan.

Si solo vas a tocar tu, pues lo que tu veas más logico xD

Yo como casi siempre uso nuxt, uso su estructura:

  • assets
  • components
  • layouts
  • pages
  • plugins
  • middleware
  • store

Dentro de cada carpeta, ya lo que estimes, subcarpetas por interfaces, o páginas, o cosas que se utilizan en varios sitios... xD

Si tienes muchos elementos distintos, podrías crear una carpeta y agruparlos de esa manera:

  • Carpeta "productos"
  • Carpeta "facturas"
  • Carpeta "ofertas"
  • Carpeta "loquesea"
1 respuesta
B

.

1 respuesta
MisKo

#55 Ionic tiene tb su estructura de archivos dentro de la carpeta src: (puede que alguna la haya agregado yo xD)

1 respuesta
B

.

1 respuesta
MisKo

#57 De todas formas, por lo que has dicho, igual es pasar de Cordova a Capacitor, en vez de a ionic xD

De todas formas, a ver si otra gente se anima e indica como hace las cosas, que siempre está bien tener referencias de más gente xD

1 respuesta
B

.

16 días después
MisKo

Seguimos sin noticias de Vue3 para Nuxt (o NuxtJS 3 más bien), pero hay un package disponible para agregar este tipo de funcionalidad a la version actual.

La idea de este package es experimentar con la composition-api utilizando NuxtJS hasta que salga la versión oficial, por lo que no creo que sea recomendable usarla en producción, pero la vida está para arriesgarse :P

https://composition-api.nuxtjs.org/
https://github.com/nuxt-community/composition-api

Vuex 4.0.0

En otro orden de cosas, ayer salio Vuex 4.0.0 de manera oficial para Vue3:

ViteJS

En la misma noticia, también hablaron de otro "framework" tipo NuxtJS que aun está en beta ( version 2 ), que tiene soporte para Vue3 y bastantes mejoras a nivel de desarrollo, yo tengo pensado probarlo cuando tenga tiempo, pero os lo dejo por aqui:
https://vitejs.dev/

Charlas

Por último, entre el 25 y el 27 de febrero, se hacen un par de charlas anuales de Vue que podeis ver de manera gratuita:

Vue Contributor Day: https://www.vuemeetup.com/#/vue-contributor-days-february-2021
Vue Amsterdam: https://vuejs.amsterdam/

1