Skip to main content

Adding a frontend app to Teaser

TODO: Add a relevant example for the tutorial

Installing a package​

Use npx expo install PACKAGE_NAME in the frontend container

Adding frontend code​

  • Module breakdown and atomic design
Atomic Design

How to structure your frontend code:

Media Queries using React Query​

React Query

TODO

Managing global state and authentication​

  • Jotai atoms to manage global state. See src/frontend/teaser/hooks/auth/useUserAuth.js
const [userAuthAtomValue] = useAtom(readOnlyUserAuthAtom);
Jotai

TODO

Testing your code​

  • TODO:

Deploying your code​

  • Create a distribution (development, preview or production)