frontend

Front End Web Structure

Guía estructura

Vamos a seguir este guía

https://github.com/Lemoncode/lemon-front-estructura

Propuesta estructura primer nivel

gex/
├── common/
├── core/
├── layout/
└── modules/
    ├── records/
    │   ├── list/
    │   ├── edit/
    │   ├── renewals/
    │   ├── create/     
    │   │   ├── create-acf/
    │   │   ├── create-minor-contract/
    │   │   ├── create-open-contract/
    │   │   └── create-centralized-contract/
    ├── companies/
    │   ├── list/
    │   ├── create/
    │   └── edit/
    └── users/
        ├── list/
        ├── create/
        └── edit/

Tecnologías

Enrutado

En principio React Router

Librería de componentes

Material UI

Validación esquemas peticiones api rest

Zod

Acceso a datos

❓ Pendiente decisión: - Fetch.

 - [Axios](https://axios-http.com/es/docs/intro).

 - [Ky](https://github.com/sindresorhus/ky).

También pendiente evaluar si utilizar React Query.

Gestión de estado

De momento tiramos del estado de React y Contexto, pendiente evaluar si es necesario utilizar librerías más avanzadas de gestión de stado.

Gestión de formularios

Gestión de formularios:

Podemos plantear Formik, o React Hook Form, o ninguna.

Validación: Pendiente decidir si usar Vest o Fonk