Saltar al contenido principal

Comandos útiles

Iniciando la aplicación

npx nx start twenty-front

Regenerar el esquema de graphql basado en el esquema API graphql

npx nx run twenty-front:graphql:generate --configuration=metadata
O
npx nx run twenty-front:graphql:generate

Lint

npx nx run twenty-front:lint # pasar --fix para corregir errores de lint

Traducciones

npx nx run twenty-front:lingui:extract
npx nx run twenty-front:lingui:compile

Prueba

npx nx run twenty-front:test # ejecutar pruebas con Jest
npx nx run twenty-front:storybook:serve:dev # ejecutar Storybook
npx nx run twenty-front:storybook:test # ejecutar pruebas # (requiere que yarn storybook:serve:dev esté en ejecución)
npx nx run twenty-front:storybook:coverage # (requiere que yarn storybook:serve:dev esté en ejecución)

Stack Tecnológico

El proyecto tiene un stack limpio y sencillo, con un código boilerplate mínimo. Aplicación Pruebas Herramientas

Arquitectura

Enrutamiento

React Router maneja el enrutamiento. To avoid unnecessary re-renders all the routing logic is in a useEffect in PageChangeEffect.

Gestión del Estado

Recoil maneja la gestión del estado. Ver mejores prácticas para más información sobre la gestión del estado.

Pruebas

Jest sirve como la herramienta para pruebas unitarias mientras Storybook es para pruebas de componentes. Jest es principalmente para probar funciones utilitarias, y no los componentes en sí mismos. Storybook es para probar el comportamiento de componentes aislados, así como mostrar el sistema de diseño.