Crear estructura base Frontend

[rrodriguezgon]

Como equipo técnico de Frontend necesitamos crear la estructura base del proyecto. En el momento que definamos tecnología estudiaremos la arquitectura ideal para ello.

Debemos crear tanto la arquitectura base de proyecto como la plantilla base, se adjunta imagen del diseño.

Para poder iniciar la conexión del proyecto de Frontend con Backend.

[rrodriguezgon]

• [ ] investigación sobre proyectos monorepo con nx => https://nx.dev/

[TebyTeb]

Investigando NX como herramienta de construcción y mantenimiento de proyectos de frontend, ésta permite crear la estructuración del proyecto utilizando extensiones y comandos construidos con el paquete, que nos facilita la tarea de mantenimiento y despliegue de la aplicación.

A continuación estudiaré diferentes maneras de estructurar el código del frontend mientras sigo ahondando en NX

[TebyTeb]

Se ha construido una base para el proyecto de front utilizando las herramientas de NX, creando un scaffold inicial con dicha herramienta siguiendo el Tutorial para proyecto standalone de react

Utilizando el comando npx nx g @nx/react:component desde consola de comandos, se nos presenta un menú interactivo para crear los archivos necesarios para un componente.

Como siguiente tarea, me propongo explorar la creación de módulos de librerías, como especifica la página de la documentación citada arriba, para configurar cada "recurso" de la aplicación como un módulo que contenga sus propias baterías de tests, integración, etc.

Para explorar las posibilidades y opciones que tiene NX (como la generación de componentes de React) desde VSCode, se recomienda la extensión de NX Console

[Saragc5]

Me he descargado la rama para trastear un poco como es NX e intentar añadir las clases de Tailwind pero el proyecto está en TypeScript, ¿se puede poner en JavaScript?

[rrodriguezgon]

Se debería poner en javascript, ya que en su momento se eligió así, por fa @TebyTeb revisa esto antes de continuar.