Skip to content

Home

Jump to bottom
nikoDev edited this page Dec 19, 2023 · 31 revisions

Implementación de concepto

Esta es una implementación de concepto que muestra parte del alcance que nos brinda la federación de módulos con vite.

Secuencia de ramas del proyecto

.[!NOTE] Esto es una prueba6

  • main

    Primera inyección del módulo federado.

  • environments

    Recurso de archivos de variables de entorno y acceso a las mismas.

  • router

    • Implementación base del route de react router dom.
    • Reutilización de Layouts y componentes.
    • Menú dinámico a partir de un JSON.
      • Soporta tres tipos de links:
        1. Link a refcursos externos.
        2. Link simple directo a un recurso interno.
        3. Links anidados.
      • Los items se ordenan en base a la propiedad de posicionamiento.
      • Cuentan con la ventaja de inhabilitarse y/o proteger el recurso.
    • Rutas
      • Reutilización del Layout
      • Uso del Layout de soporte para manejar el error en la carga de la página solicitada.
      • Loader: fetching de datos previo a la carga de una página.
      • Carga de páginas de manera lazy.
      • En este tenemos tres rutas cargadas:
        1. Home
        2. ParcelTest: página creada a partir del parcel.
        3. ErrorPage: en esta se genera un error en el loader a priori para mostrar el Layout de soporte.

  • pages

    Punto intermedio

    • Se le da formato al proyecto exponiendo parte de los alcances.
    • Refactor de loader e interfaces.
    • Distintas estrategias de fetching de datos.
    • Implementación del customHook useGetApi.
    • Paginación de elementos.

  • fb-auth

    Sesión de usuario

    • Manejo de sesión de usuario a travéz de Firebase.
    • Implementación de rutas protegidas.

  • nested-route

    Router anidado

    • la app consumida maneja sus propias rutas.
    • uso del comodin *\ para no perder el render a la hora de realizar una recarga manual.
    • el basepath se utiliza como un path de referencia, parecido a lo que hace HashRouter.

  • shared-state

    Compartiendo el estado de un MF

    • Consideraciones.
    • Estrategia de implementación.
    • Conslusiones preliminares.
    • Conslusiones finales.

Clone this wiki locally