frontend architecture layers

frontend architecture layers.md

1. API
2. Container Components
3. Dumb components
4. UI (reusable everywhere)

Suffixes for sub apps

• portal (e.g. etm.portal)
• frontend
• web
• api (graphql)

Resources

• https://michalzalecki.com/elegant-frontend-architecture/
• https://github.com/MichalZalecki/elegant-frontend-architecture
• https://github.com/bespoyasov/frontend-clean-architecture https://bespoyasov.ru/talks/podlodka-conf-clean-architecture/?full#use-case-diagram

Notes

• Name of the project can be suffixed as 'portal', (e.g. etm.portal, https://github.com/razalyalhafiz/orders-payments-microservices)

Folder structure (src)

• main.tsx - main entry point
• pages - top level page components
• components - components
• i18n - jsons localizations