Saltar al contenido principal
Header

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 # pass --fix to fix lint errors

Traducciones

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

Prueba

npx nx run twenty-front:test # run jest tests
npx nx run twenty-front:storybook:serve:dev # run storybook
npx nx run twenty-front:storybook:test # run tests # (needs yarn storybook:serve:dev to be running)
npx nx run twenty-front:storybook:coverage # (needs yarn storybook:serve:dev to be running)

Stack Tecnológico

The project has a clean and simple stack, with minimal boilerplate code. Aplicación Pruebas Herramientas

Arquitectura

Enrutamiento

React Router maneja el enrutamiento. Para evitar re-renderizados innecesarios toda la lógica de enrutamiento está en un useEffect en 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.