Rutas principales del blog: about, contact y tags

Clase 7 de 35 • Curso de Desarrollo Web con Svelte y Sapper

Cristobal Peña

student•

Me encanta! Ya que es el primer framework de frontend que aprendo se podría decir que me estoy transformando en nativo de Svelte y Sapper :D

Juan Pablo Celiz

student•

¡Súper recomendada tu decisión! Te deseo mucha suerte, ojalá hubiese arrancado con Svelte en vez de React jajaja :D

William Glaffo

student•

Excelente metodología de ir armando la estructura del sitio con las mejores prácticas, vamos avanzando

Leonardo De Jesus Alfonso

student•

Por si alguien le sirve (igual no se si sea la mejor manera) se puede realizar el menú de manera dinámica creando un array.

<script>
  export let segment;
  let routes = [
    { name: "Home", href: ".", pre: false },
    { name: "About", href: "about", pre: false },
    { name: "Blog", href: "blog", pre: true },
    { name: "Contact", href: "contact", pre: true },
    { name: "General", href: "general", pre: true },
  ];
</script>

y en la parte del html:

<nav>
  <ul>
    {#each routes as { name, href, pre }}
      <li>
        <a
          aria-current={segment === href ? "page" : undefined}
          {href}
          rel={pre ? 'prefetch' : ''}>{name}</a
        >
      </li>
    {/each}
  </ul>
</nav>

Luis Alejandro Vera Hernandez

student•

Interesante, gracias por tu aporte companero

Giancarlo Zevallos Lecca

student•

SvelteKit https://github.com/giancarlo92/curso-sapper-sveltekit/tree/faec607964e7bb37c7449292fb9e84ab1ac6b807

Sapper https://github.com/giancarlo92/curso-sapper-sapper/tree/e712b196135cac4e4d9d371b785b2d17a05155c7

Diego Artiles

student•

A mi lo que me está pasando es que cada vez que edito un archivo, no me recarga automáticamente la pagina. Podrá ser porque esté usando Microsoft Edge Chromium?

Juan Castro

teacher•

:one: Si quieres confirmar que no sea un error de tu navegador, podrías probar si el livereload o hotreload sí funciona en el mismo navegador del profesor (Chrome).

:two: Si quieres implementar esta funcionalidad por tu cuenta, estas herramientas te pueden ayudar:

Gonzalo Pimentel

student•

Al parecer es un problema que Svelte está por resolver... en el archivo de la config de webpack indican que el hotReload esta desactivado y te dejan un link para más info.