[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-expo-expo-project-structure":3,"mdc--a9kyep-key":34,"related-repo-expo-expo-project-structure":952,"related-org-expo-expo-project-structure":1058},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":23,"repoUrl":24,"updatedAt":25,"license":26,"forks":27,"topics":28,"repo":29,"sourceUrl":32,"mdContent":33},"expo-project-structure","scaffold Expo project folder structures","Framework (OSS). Folder structure for a new Expo app. Use when scaffolding or laying out a new Expo project with Expo Router, or deciding where a file should live in one. For new projects only — never restructure an existing app to match.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"expo","Expo","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fexpo.png",[12,16,19,20],{"name":13,"slug":14,"type":15},"React Native","react-native","tag",{"name":17,"slug":18,"type":15},"Architecture","architecture",{"name":9,"slug":8,"type":15},{"name":21,"slug":22,"type":15},"Mobile","mobile",2190,"https:\u002F\u002Fgithub.com\u002Fexpo\u002Fskills","2026-07-24T05:36:36.182257","MIT",111,[],{"repoUrl":24,"stars":23,"forks":27,"topics":30,"description":31},[],"A collection of AI agent skills for working with Expo projects and Expo Application Services","https:\u002F\u002Fgithub.com\u002Fexpo\u002Fskills\u002Ftree\u002FHEAD\u002Fplugins\u002Fexpo\u002Fskills\u002Fexpo-project-structure","---\nname: expo-project-structure\ndescription: Framework (OSS). Folder structure for a new Expo app. Use when scaffolding or laying out a new Expo project with Expo Router, or deciding where a file should live in one. For new projects only — never restructure an existing app to match.\nversion: 1.0.0\nlicense: MIT\n---\n\n# Expo Project Structure\n\nA starting skeleton for a **new** Expo app — one with no committed folder structure yet.\n\n**Apply only to new projects.** If the app already has a layout, follow its existing conventions and leave files where they are — a default to start from, never a standard to enforce or migrate toward. When unsure whether a project is new, ask before moving anything.\n\nThe whole layout, assembled from the rules below:\n\n```\n├── assets\u002F\n├── scripts\u002F\n├── src\u002F\n│   ├── app\u002F                       # Expo Router routes ONLY — every file is a route\n│   │   ├── api\u002F                   #   server API routes, grouped here\n│   │   │   ├── user+api.ts\n│   │   │   └── settings+api.ts\n│   │   ├── _layout.tsx\n│   │   ├── _layout.web.tsx         #   platform-specific layout\n│   │   ├── index.tsx\n│   │   └── settings.tsx\n│   ├── components\u002F                 # reusable UI: button, card, table…\n│   │   ├── table\u002F                  #   complex component → folder + index.tsx\n│   │   │   ├── cell.tsx\n│   │   │   └── index.tsx\n│   │   ├── bar-chart.tsx\n│   │   ├── bar-chart.web.tsx        #   platform-specific variant\n│   │   └── button.tsx\n│   ├── screens\u002F                    # screen bodies that route files render\n│   │   ├── home\u002F\n│   │   │   ├── card.tsx            #   used only by Home — not shared\n│   │   │   └── index.tsx           #   rendered by src\u002Fapp\u002Findex.tsx\n│   │   └── settings.tsx\n│   ├── server\u002F                     # server-only helpers used by app\u002Fapi\n│   │   ├── auth.ts\n│   │   └── db.ts\n│   ├── utils\u002F                      # standalone helpers + colocated tests\n│   │   ├── format-date.ts\n│   │   └── format-date.test.ts\n│   ├── hooks\u002F                      # reusable hooks: use-theme.ts…\n│   ├── constants.ts\n│   └── theme.ts\n├── app.json\n├── eas.json\n└── package.json\n```\n\n## `src\u002F` and `src\u002Fapp`\n\nKeep app code under `src\u002F` to separate it from config files. Expo Router supports both `app\u002F` and `src\u002Fapp\u002F` out of the box — to switch, move the folder and restart the bundler. The default template aliases `@\u002F*` to `.\u002Fsrc\u002F*` in `tsconfig.json`.\n\n`src\u002Fapp` is **routes-only**: every file there becomes a route, so nothing else belongs in it. Everything below lives in sibling folders.\n\n## components\u002F — reusable UI\n\nGeneric, reused UI (button, card, table) with one named export each. Name files in **kebab-case** (`bar-chart.tsx`), matching the default `create-expo-app` template. When a component grows, give it its own folder with the root in `index.tsx` and **colocate** its private sub-components beside it — the import path (`@\u002Fcomponents\u002Ftable`) stays unchanged.\n\n## screens\u002F — screen bodies\n\nBecause `app\u002F` files must be routes, complex screen UI that isn't reused has no home there. Once a screen grows big enough to need breaking out to separate components, put it in `screens\u002F` and let each route just render its screen:\n\n```tsx\nimport { Home } from \"@\u002Fscreens\u002Fhome\";\n\nexport default function HomeScreen() {\n  \u002F\u002F route-specific concerns only — e.g. read url params here\n  return \u003CHome \u002F>;\n}\n```\n\n**Colocate** a screen's private components inside its folder (`screens\u002Fhome\u002Fcomponents\u002F`). A bonus: the same screen can render under multiple routes.\n\n## server\u002F + app\u002Fapi\u002F — separate server code\n\nAppending `+api` to a file in `app\u002F` makes it a server **API route**. Server code is different from frontend code — it runs in a Node-like server environment (deployed with EAS Hosting or on [third-party services](https:\u002F\u002Fdocs.expo.dev\u002Frouter\u002Fweb\u002Fapi-routes\u002F#hosting-on-third-party-services)) and can read secret env vars (`process.env.X`, not just `EXPO_PUBLIC_*`). Keep it apart:\n\n- Group all routes under `app\u002Fapi\u002F` → `\u002Fapi\u002Fuser`, `\u002Fapi\u002Fsettings`. This colocates them and avoids collisions (e.g. a `\u002Fuser` screen and a `\u002Fuser` route).\n- Put shared server-only helpers in `src\u002Fserver\u002F`.\n- Consider ESLint rules that fence `+api` files and `server\u002F` off from frontend-only checks.\n\n## Platform-specific code\n\nSmall differences: use `Platform.select` \u002F `Platform.OS`. For larger ones, split into platform files instead of inline `if\u002Felse` — `bar-chart.tsx` + `bar-chart.web.tsx`, imported extension-free (`@\u002Fcomponents\u002Fbar-chart`); Metro picks the right file per target.\n\n- Props must be identical across variants.\n- A default file (no platform extension) is always required — make it a no-op if the component is single-platform.\n- Supported extensions: `.ios`, `.android`, `.native`, `.web`.\n\n## Colocate styles and tests\n\n- **Styles:** keep the `StyleSheet.create({ ... })` object at the bottom of the component file rather than in a separate `.styles` file.\n- **Tests:** put `format-date.test.ts` next to `format-date.ts` (preferred over a separate `__tests__\u002F` folder) so tested files are obvious at a glance.\n\n## AI and config files\n\nAgent instructions live at the repo root — `AGENTS.md` \u002F `CLAUDE.md`, with project skills under `.claude\u002F`. Other config and assets stay outside `src\u002F`: `app.json` \u002F `app.config.ts`, `eas.json`, `package.json`, `assets\u002F`, and `scripts\u002F`.\n\n---\n\nBased on [Expo app folder structure best practices](https:\u002F\u002Fexpo.dev\u002Fblog\u002Fexpo-app-folder-structure-best-practices) by Kadi Kraman. For `src\u002F` precedence and alias mechanics, see the [Expo docs](https:\u002F\u002Fdocs.expo.dev\u002Frouter\u002Freference\u002Fsrc-directory\u002F).\n\n## Submitting Feedback\nIf you encounter errors, misleading or outdated information in this skill, report it so Expo can improve:\n```bash\nnpx --yes submit-expo-feedback@latest --category skills --subject \"expo-project-structure\" \"\u003Cactionable feedback>\"\n```\nOnly submit when you have something specific and actionable to report. Include as much relevant context as possible.\n",{"data":35,"body":37},{"name":4,"description":6,"version":36,"license":26},"1.0.0",{"type":38,"children":39},"root",[40,48,62,72,77,90,109,160,177,183,233,239,259,413,431,437,491,572,578,630,676,682,745,751,829,833,862,868,873,941,946],{"type":41,"tag":42,"props":43,"children":44},"element","h1",{"id":4},[45],{"type":46,"value":47},"text","Expo Project Structure",{"type":41,"tag":49,"props":50,"children":51},"p",{},[52,54,60],{"type":46,"value":53},"A starting skeleton for a ",{"type":41,"tag":55,"props":56,"children":57},"strong",{},[58],{"type":46,"value":59},"new",{"type":46,"value":61}," Expo app — one with no committed folder structure yet.",{"type":41,"tag":49,"props":63,"children":64},{},[65,70],{"type":41,"tag":55,"props":66,"children":67},{},[68],{"type":46,"value":69},"Apply only to new projects.",{"type":46,"value":71}," If the app already has a layout, follow its existing conventions and leave files where they are — a default to start from, never a standard to enforce or migrate toward. When unsure whether a project is new, ask before moving anything.",{"type":41,"tag":49,"props":73,"children":74},{},[75],{"type":46,"value":76},"The whole layout, assembled from the rules below:",{"type":41,"tag":78,"props":79,"children":83},"pre",{"className":80,"code":82,"language":46},[81],"language-text","├── assets\u002F\n├── scripts\u002F\n├── src\u002F\n│   ├── app\u002F                       # Expo Router routes ONLY — every file is a route\n│   │   ├── api\u002F                   #   server API routes, grouped here\n│   │   │   ├── user+api.ts\n│   │   │   └── settings+api.ts\n│   │   ├── _layout.tsx\n│   │   ├── _layout.web.tsx         #   platform-specific layout\n│   │   ├── index.tsx\n│   │   └── settings.tsx\n│   ├── components\u002F                 # reusable UI: button, card, table…\n│   │   ├── table\u002F                  #   complex component → folder + index.tsx\n│   │   │   ├── cell.tsx\n│   │   │   └── index.tsx\n│   │   ├── bar-chart.tsx\n│   │   ├── bar-chart.web.tsx        #   platform-specific variant\n│   │   └── button.tsx\n│   ├── screens\u002F                    # screen bodies that route files render\n│   │   ├── home\u002F\n│   │   │   ├── card.tsx            #   used only by Home — not shared\n│   │   │   └── index.tsx           #   rendered by src\u002Fapp\u002Findex.tsx\n│   │   └── settings.tsx\n│   ├── server\u002F                     # server-only helpers used by app\u002Fapi\n│   │   ├── auth.ts\n│   │   └── db.ts\n│   ├── utils\u002F                      # standalone helpers + colocated tests\n│   │   ├── format-date.ts\n│   │   └── format-date.test.ts\n│   ├── hooks\u002F                      # reusable hooks: use-theme.ts…\n│   ├── constants.ts\n│   └── theme.ts\n├── app.json\n├── eas.json\n└── package.json\n",[84],{"type":41,"tag":85,"props":86,"children":88},"code",{"__ignoreMap":87},"",[89],{"type":46,"value":82},{"type":41,"tag":91,"props":92,"children":94},"h2",{"id":93},"src-and-srcapp",[95,101,103],{"type":41,"tag":85,"props":96,"children":98},{"className":97},[],[99],{"type":46,"value":100},"src\u002F",{"type":46,"value":102}," and ",{"type":41,"tag":85,"props":104,"children":106},{"className":105},[],[107],{"type":46,"value":108},"src\u002Fapp",{"type":41,"tag":49,"props":110,"children":111},{},[112,114,119,121,127,128,134,136,142,144,150,152,158],{"type":46,"value":113},"Keep app code under ",{"type":41,"tag":85,"props":115,"children":117},{"className":116},[],[118],{"type":46,"value":100},{"type":46,"value":120}," to separate it from config files. Expo Router supports both ",{"type":41,"tag":85,"props":122,"children":124},{"className":123},[],[125],{"type":46,"value":126},"app\u002F",{"type":46,"value":102},{"type":41,"tag":85,"props":129,"children":131},{"className":130},[],[132],{"type":46,"value":133},"src\u002Fapp\u002F",{"type":46,"value":135}," out of the box — to switch, move the folder and restart the bundler. The default template aliases ",{"type":41,"tag":85,"props":137,"children":139},{"className":138},[],[140],{"type":46,"value":141},"@\u002F*",{"type":46,"value":143}," to ",{"type":41,"tag":85,"props":145,"children":147},{"className":146},[],[148],{"type":46,"value":149},".\u002Fsrc\u002F*",{"type":46,"value":151}," in ",{"type":41,"tag":85,"props":153,"children":155},{"className":154},[],[156],{"type":46,"value":157},"tsconfig.json",{"type":46,"value":159},".",{"type":41,"tag":49,"props":161,"children":162},{},[163,168,170,175],{"type":41,"tag":85,"props":164,"children":166},{"className":165},[],[167],{"type":46,"value":108},{"type":46,"value":169}," is ",{"type":41,"tag":55,"props":171,"children":172},{},[173],{"type":46,"value":174},"routes-only",{"type":46,"value":176},": every file there becomes a route, so nothing else belongs in it. Everything below lives in sibling folders.",{"type":41,"tag":91,"props":178,"children":180},{"id":179},"components-reusable-ui",[181],{"type":46,"value":182},"components\u002F — reusable UI",{"type":41,"tag":49,"props":184,"children":185},{},[186,188,193,195,201,203,209,211,217,218,223,225,231],{"type":46,"value":187},"Generic, reused UI (button, card, table) with one named export each. Name files in ",{"type":41,"tag":55,"props":189,"children":190},{},[191],{"type":46,"value":192},"kebab-case",{"type":46,"value":194}," (",{"type":41,"tag":85,"props":196,"children":198},{"className":197},[],[199],{"type":46,"value":200},"bar-chart.tsx",{"type":46,"value":202},"), matching the default ",{"type":41,"tag":85,"props":204,"children":206},{"className":205},[],[207],{"type":46,"value":208},"create-expo-app",{"type":46,"value":210}," template. When a component grows, give it its own folder with the root in ",{"type":41,"tag":85,"props":212,"children":214},{"className":213},[],[215],{"type":46,"value":216},"index.tsx",{"type":46,"value":102},{"type":41,"tag":55,"props":219,"children":220},{},[221],{"type":46,"value":222},"colocate",{"type":46,"value":224}," its private sub-components beside it — the import path (",{"type":41,"tag":85,"props":226,"children":228},{"className":227},[],[229],{"type":46,"value":230},"@\u002Fcomponents\u002Ftable",{"type":46,"value":232},") stays unchanged.",{"type":41,"tag":91,"props":234,"children":236},{"id":235},"screens-screen-bodies",[237],{"type":46,"value":238},"screens\u002F — screen bodies",{"type":41,"tag":49,"props":240,"children":241},{},[242,244,249,251,257],{"type":46,"value":243},"Because ",{"type":41,"tag":85,"props":245,"children":247},{"className":246},[],[248],{"type":46,"value":126},{"type":46,"value":250}," files must be routes, complex screen UI that isn't reused has no home there. Once a screen grows big enough to need breaking out to separate components, put it in ",{"type":41,"tag":85,"props":252,"children":254},{"className":253},[],[255],{"type":46,"value":256},"screens\u002F",{"type":46,"value":258}," and let each route just render its screen:",{"type":41,"tag":78,"props":260,"children":264},{"className":261,"code":262,"language":263,"meta":87,"style":87},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { Home } from \"@\u002Fscreens\u002Fhome\";\n\nexport default function HomeScreen() {\n  \u002F\u002F route-specific concerns only — e.g. read url params here\n  return \u003CHome \u002F>;\n}\n","tsx",[265],{"type":41,"tag":85,"props":266,"children":267},{"__ignoreMap":87},[268,323,333,369,379,404],{"type":41,"tag":269,"props":270,"children":273},"span",{"class":271,"line":272},"line",1,[274,280,286,292,297,302,307,313,318],{"type":41,"tag":269,"props":275,"children":277},{"style":276},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[278],{"type":46,"value":279},"import",{"type":41,"tag":269,"props":281,"children":283},{"style":282},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[284],{"type":46,"value":285}," {",{"type":41,"tag":269,"props":287,"children":289},{"style":288},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[290],{"type":46,"value":291}," Home",{"type":41,"tag":269,"props":293,"children":294},{"style":282},[295],{"type":46,"value":296}," }",{"type":41,"tag":269,"props":298,"children":299},{"style":276},[300],{"type":46,"value":301}," from",{"type":41,"tag":269,"props":303,"children":304},{"style":282},[305],{"type":46,"value":306}," \"",{"type":41,"tag":269,"props":308,"children":310},{"style":309},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[311],{"type":46,"value":312},"@\u002Fscreens\u002Fhome",{"type":41,"tag":269,"props":314,"children":315},{"style":282},[316],{"type":46,"value":317},"\"",{"type":41,"tag":269,"props":319,"children":320},{"style":282},[321],{"type":46,"value":322},";\n",{"type":41,"tag":269,"props":324,"children":326},{"class":271,"line":325},2,[327],{"type":41,"tag":269,"props":328,"children":330},{"emptyLinePlaceholder":329},true,[331],{"type":46,"value":332},"\n",{"type":41,"tag":269,"props":334,"children":336},{"class":271,"line":335},3,[337,342,347,353,359,364],{"type":41,"tag":269,"props":338,"children":339},{"style":276},[340],{"type":46,"value":341},"export",{"type":41,"tag":269,"props":343,"children":344},{"style":276},[345],{"type":46,"value":346}," default",{"type":41,"tag":269,"props":348,"children":350},{"style":349},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[351],{"type":46,"value":352}," function",{"type":41,"tag":269,"props":354,"children":356},{"style":355},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[357],{"type":46,"value":358}," HomeScreen",{"type":41,"tag":269,"props":360,"children":361},{"style":282},[362],{"type":46,"value":363},"()",{"type":41,"tag":269,"props":365,"children":366},{"style":282},[367],{"type":46,"value":368}," {\n",{"type":41,"tag":269,"props":370,"children":372},{"class":271,"line":371},4,[373],{"type":41,"tag":269,"props":374,"children":376},{"style":375},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[377],{"type":46,"value":378},"  \u002F\u002F route-specific concerns only — e.g. read url params here\n",{"type":41,"tag":269,"props":380,"children":382},{"class":271,"line":381},5,[383,388,393,399],{"type":41,"tag":269,"props":384,"children":385},{"style":276},[386],{"type":46,"value":387},"  return",{"type":41,"tag":269,"props":389,"children":390},{"style":282},[391],{"type":46,"value":392}," \u003C",{"type":41,"tag":269,"props":394,"children":396},{"style":395},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[397],{"type":46,"value":398},"Home",{"type":41,"tag":269,"props":400,"children":401},{"style":282},[402],{"type":46,"value":403}," \u002F>;\n",{"type":41,"tag":269,"props":405,"children":407},{"class":271,"line":406},6,[408],{"type":41,"tag":269,"props":409,"children":410},{"style":282},[411],{"type":46,"value":412},"}\n",{"type":41,"tag":49,"props":414,"children":415},{},[416,421,423,429],{"type":41,"tag":55,"props":417,"children":418},{},[419],{"type":46,"value":420},"Colocate",{"type":46,"value":422}," a screen's private components inside its folder (",{"type":41,"tag":85,"props":424,"children":426},{"className":425},[],[427],{"type":46,"value":428},"screens\u002Fhome\u002Fcomponents\u002F",{"type":46,"value":430},"). A bonus: the same screen can render under multiple routes.",{"type":41,"tag":91,"props":432,"children":434},{"id":433},"server-appapi-separate-server-code",[435],{"type":46,"value":436},"server\u002F + app\u002Fapi\u002F — separate server code",{"type":41,"tag":49,"props":438,"children":439},{},[440,442,448,450,455,457,462,464,473,475,481,483,489],{"type":46,"value":441},"Appending ",{"type":41,"tag":85,"props":443,"children":445},{"className":444},[],[446],{"type":46,"value":447},"+api",{"type":46,"value":449}," to a file in ",{"type":41,"tag":85,"props":451,"children":453},{"className":452},[],[454],{"type":46,"value":126},{"type":46,"value":456}," makes it a server ",{"type":41,"tag":55,"props":458,"children":459},{},[460],{"type":46,"value":461},"API route",{"type":46,"value":463},". Server code is different from frontend code — it runs in a Node-like server environment (deployed with EAS Hosting or on ",{"type":41,"tag":465,"props":466,"children":470},"a",{"href":467,"rel":468},"https:\u002F\u002Fdocs.expo.dev\u002Frouter\u002Fweb\u002Fapi-routes\u002F#hosting-on-third-party-services",[469],"nofollow",[471],{"type":46,"value":472},"third-party services",{"type":46,"value":474},") and can read secret env vars (",{"type":41,"tag":85,"props":476,"children":478},{"className":477},[],[479],{"type":46,"value":480},"process.env.X",{"type":46,"value":482},", not just ",{"type":41,"tag":85,"props":484,"children":486},{"className":485},[],[487],{"type":46,"value":488},"EXPO_PUBLIC_*",{"type":46,"value":490},"). Keep it apart:",{"type":41,"tag":492,"props":493,"children":494},"ul",{},[495,540,552],{"type":41,"tag":496,"props":497,"children":498},"li",{},[499,501,507,509,515,517,523,525,531,533,538],{"type":46,"value":500},"Group all routes under ",{"type":41,"tag":85,"props":502,"children":504},{"className":503},[],[505],{"type":46,"value":506},"app\u002Fapi\u002F",{"type":46,"value":508}," → ",{"type":41,"tag":85,"props":510,"children":512},{"className":511},[],[513],{"type":46,"value":514},"\u002Fapi\u002Fuser",{"type":46,"value":516},", ",{"type":41,"tag":85,"props":518,"children":520},{"className":519},[],[521],{"type":46,"value":522},"\u002Fapi\u002Fsettings",{"type":46,"value":524},". This colocates them and avoids collisions (e.g. a ",{"type":41,"tag":85,"props":526,"children":528},{"className":527},[],[529],{"type":46,"value":530},"\u002Fuser",{"type":46,"value":532}," screen and a ",{"type":41,"tag":85,"props":534,"children":536},{"className":535},[],[537],{"type":46,"value":530},{"type":46,"value":539}," route).",{"type":41,"tag":496,"props":541,"children":542},{},[543,545,551],{"type":46,"value":544},"Put shared server-only helpers in ",{"type":41,"tag":85,"props":546,"children":548},{"className":547},[],[549],{"type":46,"value":550},"src\u002Fserver\u002F",{"type":46,"value":159},{"type":41,"tag":496,"props":553,"children":554},{},[555,557,562,564,570],{"type":46,"value":556},"Consider ESLint rules that fence ",{"type":41,"tag":85,"props":558,"children":560},{"className":559},[],[561],{"type":46,"value":447},{"type":46,"value":563}," files and ",{"type":41,"tag":85,"props":565,"children":567},{"className":566},[],[568],{"type":46,"value":569},"server\u002F",{"type":46,"value":571}," off from frontend-only checks.",{"type":41,"tag":91,"props":573,"children":575},{"id":574},"platform-specific-code",[576],{"type":46,"value":577},"Platform-specific code",{"type":41,"tag":49,"props":579,"children":580},{},[581,583,589,591,597,599,605,607,612,614,620,622,628],{"type":46,"value":582},"Small differences: use ",{"type":41,"tag":85,"props":584,"children":586},{"className":585},[],[587],{"type":46,"value":588},"Platform.select",{"type":46,"value":590}," \u002F ",{"type":41,"tag":85,"props":592,"children":594},{"className":593},[],[595],{"type":46,"value":596},"Platform.OS",{"type":46,"value":598},". For larger ones, split into platform files instead of inline ",{"type":41,"tag":85,"props":600,"children":602},{"className":601},[],[603],{"type":46,"value":604},"if\u002Felse",{"type":46,"value":606}," — ",{"type":41,"tag":85,"props":608,"children":610},{"className":609},[],[611],{"type":46,"value":200},{"type":46,"value":613}," + ",{"type":41,"tag":85,"props":615,"children":617},{"className":616},[],[618],{"type":46,"value":619},"bar-chart.web.tsx",{"type":46,"value":621},", imported extension-free (",{"type":41,"tag":85,"props":623,"children":625},{"className":624},[],[626],{"type":46,"value":627},"@\u002Fcomponents\u002Fbar-chart",{"type":46,"value":629},"); Metro picks the right file per target.",{"type":41,"tag":492,"props":631,"children":632},{},[633,638,643],{"type":41,"tag":496,"props":634,"children":635},{},[636],{"type":46,"value":637},"Props must be identical across variants.",{"type":41,"tag":496,"props":639,"children":640},{},[641],{"type":46,"value":642},"A default file (no platform extension) is always required — make it a no-op if the component is single-platform.",{"type":41,"tag":496,"props":644,"children":645},{},[646,648,654,655,661,662,668,669,675],{"type":46,"value":647},"Supported extensions: ",{"type":41,"tag":85,"props":649,"children":651},{"className":650},[],[652],{"type":46,"value":653},".ios",{"type":46,"value":516},{"type":41,"tag":85,"props":656,"children":658},{"className":657},[],[659],{"type":46,"value":660},".android",{"type":46,"value":516},{"type":41,"tag":85,"props":663,"children":665},{"className":664},[],[666],{"type":46,"value":667},".native",{"type":46,"value":516},{"type":41,"tag":85,"props":670,"children":672},{"className":671},[],[673],{"type":46,"value":674},".web",{"type":46,"value":159},{"type":41,"tag":91,"props":677,"children":679},{"id":678},"colocate-styles-and-tests",[680],{"type":46,"value":681},"Colocate styles and tests",{"type":41,"tag":492,"props":683,"children":684},{},[685,711],{"type":41,"tag":496,"props":686,"children":687},{},[688,693,695,701,703,709],{"type":41,"tag":55,"props":689,"children":690},{},[691],{"type":46,"value":692},"Styles:",{"type":46,"value":694}," keep the ",{"type":41,"tag":85,"props":696,"children":698},{"className":697},[],[699],{"type":46,"value":700},"StyleSheet.create({ ... })",{"type":46,"value":702}," object at the bottom of the component file rather than in a separate ",{"type":41,"tag":85,"props":704,"children":706},{"className":705},[],[707],{"type":46,"value":708},".styles",{"type":46,"value":710}," file.",{"type":41,"tag":496,"props":712,"children":713},{},[714,719,721,727,729,735,737,743],{"type":41,"tag":55,"props":715,"children":716},{},[717],{"type":46,"value":718},"Tests:",{"type":46,"value":720}," put ",{"type":41,"tag":85,"props":722,"children":724},{"className":723},[],[725],{"type":46,"value":726},"format-date.test.ts",{"type":46,"value":728}," next to ",{"type":41,"tag":85,"props":730,"children":732},{"className":731},[],[733],{"type":46,"value":734},"format-date.ts",{"type":46,"value":736}," (preferred over a separate ",{"type":41,"tag":85,"props":738,"children":740},{"className":739},[],[741],{"type":46,"value":742},"__tests__\u002F",{"type":46,"value":744}," folder) so tested files are obvious at a glance.",{"type":41,"tag":91,"props":746,"children":748},{"id":747},"ai-and-config-files",[749],{"type":46,"value":750},"AI and config files",{"type":41,"tag":49,"props":752,"children":753},{},[754,756,762,763,769,771,777,779,784,786,792,793,799,800,806,807,813,814,820,822,828],{"type":46,"value":755},"Agent instructions live at the repo root — ",{"type":41,"tag":85,"props":757,"children":759},{"className":758},[],[760],{"type":46,"value":761},"AGENTS.md",{"type":46,"value":590},{"type":41,"tag":85,"props":764,"children":766},{"className":765},[],[767],{"type":46,"value":768},"CLAUDE.md",{"type":46,"value":770},", with project skills under ",{"type":41,"tag":85,"props":772,"children":774},{"className":773},[],[775],{"type":46,"value":776},".claude\u002F",{"type":46,"value":778},". Other config and assets stay outside ",{"type":41,"tag":85,"props":780,"children":782},{"className":781},[],[783],{"type":46,"value":100},{"type":46,"value":785},": ",{"type":41,"tag":85,"props":787,"children":789},{"className":788},[],[790],{"type":46,"value":791},"app.json",{"type":46,"value":590},{"type":41,"tag":85,"props":794,"children":796},{"className":795},[],[797],{"type":46,"value":798},"app.config.ts",{"type":46,"value":516},{"type":41,"tag":85,"props":801,"children":803},{"className":802},[],[804],{"type":46,"value":805},"eas.json",{"type":46,"value":516},{"type":41,"tag":85,"props":808,"children":810},{"className":809},[],[811],{"type":46,"value":812},"package.json",{"type":46,"value":516},{"type":41,"tag":85,"props":815,"children":817},{"className":816},[],[818],{"type":46,"value":819},"assets\u002F",{"type":46,"value":821},", and ",{"type":41,"tag":85,"props":823,"children":825},{"className":824},[],[826],{"type":46,"value":827},"scripts\u002F",{"type":46,"value":159},{"type":41,"tag":830,"props":831,"children":832},"hr",{},[],{"type":41,"tag":49,"props":834,"children":835},{},[836,838,845,847,852,854,861],{"type":46,"value":837},"Based on ",{"type":41,"tag":465,"props":839,"children":842},{"href":840,"rel":841},"https:\u002F\u002Fexpo.dev\u002Fblog\u002Fexpo-app-folder-structure-best-practices",[469],[843],{"type":46,"value":844},"Expo app folder structure best practices",{"type":46,"value":846}," by Kadi Kraman. For ",{"type":41,"tag":85,"props":848,"children":850},{"className":849},[],[851],{"type":46,"value":100},{"type":46,"value":853}," precedence and alias mechanics, see the ",{"type":41,"tag":465,"props":855,"children":858},{"href":856,"rel":857},"https:\u002F\u002Fdocs.expo.dev\u002Frouter\u002Freference\u002Fsrc-directory\u002F",[469],[859],{"type":46,"value":860},"Expo docs",{"type":46,"value":159},{"type":41,"tag":91,"props":863,"children":865},{"id":864},"submitting-feedback",[866],{"type":46,"value":867},"Submitting Feedback",{"type":41,"tag":49,"props":869,"children":870},{},[871],{"type":46,"value":872},"If you encounter errors, misleading or outdated information in this skill, report it so Expo can improve:",{"type":41,"tag":78,"props":874,"children":878},{"className":875,"code":876,"language":877,"meta":87,"style":87},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npx --yes submit-expo-feedback@latest --category skills --subject \"expo-project-structure\" \"\u003Cactionable feedback>\"\n","bash",[879],{"type":41,"tag":85,"props":880,"children":881},{"__ignoreMap":87},[882],{"type":41,"tag":269,"props":883,"children":884},{"class":271,"line":272},[885,890,895,900,905,910,915,919,923,927,931,936],{"type":41,"tag":269,"props":886,"children":887},{"style":395},[888],{"type":46,"value":889},"npx",{"type":41,"tag":269,"props":891,"children":892},{"style":309},[893],{"type":46,"value":894}," --yes",{"type":41,"tag":269,"props":896,"children":897},{"style":309},[898],{"type":46,"value":899}," submit-expo-feedback@latest",{"type":41,"tag":269,"props":901,"children":902},{"style":309},[903],{"type":46,"value":904}," --category",{"type":41,"tag":269,"props":906,"children":907},{"style":309},[908],{"type":46,"value":909}," skills",{"type":41,"tag":269,"props":911,"children":912},{"style":309},[913],{"type":46,"value":914}," --subject",{"type":41,"tag":269,"props":916,"children":917},{"style":282},[918],{"type":46,"value":306},{"type":41,"tag":269,"props":920,"children":921},{"style":309},[922],{"type":46,"value":4},{"type":41,"tag":269,"props":924,"children":925},{"style":282},[926],{"type":46,"value":317},{"type":41,"tag":269,"props":928,"children":929},{"style":282},[930],{"type":46,"value":306},{"type":41,"tag":269,"props":932,"children":933},{"style":309},[934],{"type":46,"value":935},"\u003Cactionable feedback>",{"type":41,"tag":269,"props":937,"children":938},{"style":282},[939],{"type":46,"value":940},"\"\n",{"type":41,"tag":49,"props":942,"children":943},{},[944],{"type":46,"value":945},"Only submit when you have something specific and actionable to report. Include as much relevant context as possible.",{"type":41,"tag":947,"props":948,"children":949},"style",{},[950],{"type":46,"value":951},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":953,"total":1057},[954,972,987,1000,1014,1028,1046],{"slug":955,"name":955,"fn":956,"description":957,"org":958,"tags":959,"stars":23,"repoUrl":24,"updatedAt":971},"eas-app-stores","deploy and submit Expo apps to stores","EAS service (paid). Deploy Expo apps to the app stores with EAS - build and submit to the iOS App Store, Google Play Store, and TestFlight, configure eas.json build and submit profiles, manage app versions and build numbers, and publish App Store metadata and ASO. Use whenever the user wants to deploy, release, or ship an app to production or the app stores, is preparing a production build, running eas build or eas submit, shipping to TestFlight, bumping version or build numbers, or setting up store listing metadata. For deploying an Expo website or API routes, use the eas-hosting skill.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[960,963,966,967,970],{"name":961,"slug":962,"type":15},"Android","android",{"name":964,"slug":965,"type":15},"Deployment","deployment",{"name":9,"slug":8,"type":15},{"name":968,"slug":969,"type":15},"iOS","ios",{"name":21,"slug":22,"type":15},"2026-07-24T05:36:44.164663",{"slug":973,"name":973,"fn":974,"description":975,"org":976,"tags":977,"stars":23,"repoUrl":24,"updatedAt":986},"eas-hosting","deploy Expo websites to EAS Hosting","EAS service (paid). Deploy Expo websites and Expo Router API routes to EAS Hosting - export the web bundle, run eas deploy for production and PR preview URLs, manage environment secrets and custom domains, and work within the Cloudflare Workers runtime. Also covers authoring API routes (+api.ts handlers, HTTP methods, request handling, CORS). Use when deploying an Expo web app or API routes, setting up EAS Hosting, or configuring hosting environments and domains. Not for native builds or store releases - use the eas-app-stores skill for those.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[978,979,980,983],{"name":964,"slug":965,"type":15},{"name":9,"slug":8,"type":15},{"name":981,"slug":982,"type":15},"Frontend","frontend",{"name":984,"slug":985,"type":15},"Web Development","web-development","2026-07-24T05:36:40.193701",{"slug":988,"name":988,"fn":989,"description":990,"org":991,"tags":992,"stars":23,"repoUrl":24,"updatedAt":999},"eas-observe","configure EAS Observe for Expo apps","EAS service (paid). Use for anything related to EAS Observe - adding `expo-observe` to an Expo project (AppMetricsRoot\u002FObserveRoot HOC, markInteractive, the useObserve hook, the Expo Router \u002F React Navigation integrations for per-route metrics, and user-defined events via `Observe.logEvent`), querying via the EAS CLI (`eas observe:metrics-summary`, `observe:metrics`, `observe:routes`, `observe:events`, `observe:versions`), or interpreting the resulting metrics (cold\u002Fwarm launch, TTR, TTI, navigation cold\u002Fwarm TTR, update download, and the TTI frameRate params for triaging slow startups).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[993,994,995,998],{"name":9,"slug":8,"type":15},{"name":21,"slug":22,"type":15},{"name":996,"slug":997,"type":15},"Observability","observability",{"name":13,"slug":14,"type":15},"2026-07-24T05:36:45.220605",{"slug":1001,"name":1001,"fn":1002,"description":1003,"org":1004,"tags":1005,"stars":23,"repoUrl":24,"updatedAt":1013},"eas-simulator","run and control remote iOS and Android simulators","EAS service (paid). Run and control a user's app on a remote iOS\u002FAndroid simulator hosted on EAS cloud. Read before running any `eas simulator:*` commands - it has the current syntax for this experimental API. Use whenever the user needs a simulator they can't run locally - 'run my app on a cloud simulator', 'use eas simulator to run\u002Finstall\u002Fscreenshot my app', 'I'm on Linux\u002FCursor and need an iOS device', 'no sim on this box \u002F headless CI', 'let an agent click through my app and screenshot it', 'test my dev build on a remote sim with live reload', 'stream a sim to my browser' - even when they don't say 'EAS Simulator' or 'cloud'. On a host WITHOUT a local simulator (Linux, CI, cloud sandbox) it's the default; on macOS, do NOT auto-trigger for a plain 'run on the simulator' - use it only for a cloud\u002Fremote\u002Fshareable sim, an iOS version they lack, or an agent-driven session. NOT for local sims (expo run:ios, Xcode, Android Studio), EAS Build\u002FUpdate, web preview, or physical devices.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1006,1007,1010,1011,1012],{"name":961,"slug":962,"type":15},{"name":1008,"slug":1009,"type":15},"CLI","cli",{"name":9,"slug":8,"type":15},{"name":968,"slug":969,"type":15},{"name":21,"slug":22,"type":15},"2026-07-31T05:52:18.602058",{"slug":1015,"name":1015,"fn":1016,"description":1017,"org":1018,"tags":1019,"stars":23,"repoUrl":24,"updatedAt":1027},"eas-update-insights","check health of EAS Updates","EAS service (paid). Check the health of published EAS Update: crash rates, install\u002Flaunch counts, unique users, payload size, and the split between embedded and OTA users per channel. Use when the user asks how an update is performing, whether a rollout is healthy, how many users are on the embedded build vs OTA, or wants to gate CI on update health.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1020,1023,1024,1025,1026],{"name":1021,"slug":1022,"type":15},"Analytics","analytics",{"name":964,"slug":965,"type":15},{"name":9,"slug":8,"type":15},{"name":21,"slug":22,"type":15},{"name":996,"slug":997,"type":15},"2026-07-24T05:36:50.17095",{"slug":1029,"name":1029,"fn":1030,"description":1031,"org":1032,"tags":1033,"stars":23,"repoUrl":24,"updatedAt":1045},"eas-workflows","configure EAS workflows for Expo projects","EAS service (paid). Helps understand and write EAS workflow YAML files for Expo projects. Use this skill when the user asks about CI\u002FCD or workflows in an Expo or EAS context, mentions .eas\u002Fworkflows\u002F, or wants help with EAS build pipelines or deployment automation.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1034,1037,1040,1041,1042],{"name":1035,"slug":1036,"type":15},"Automation","automation",{"name":1038,"slug":1039,"type":15},"CI\u002FCD","ci-cd",{"name":964,"slug":965,"type":15},{"name":9,"slug":8,"type":15},{"name":1043,"slug":1044,"type":15},"YAML","yaml","2026-07-24T05:36:43.205514",{"slug":1047,"name":1047,"fn":1048,"description":1049,"org":1050,"tags":1051,"stars":23,"repoUrl":24,"updatedAt":1056},"expo-app-clip","add iOS App Clip targets to Expo","Framework (OSS). Add an iOS App Clip target to an Expo app. Use when the user mentions App Clip, AASA, apple-app-site-association, appclips, smart app banner, or wants to ship a lightweight iOS Clip invoked from a URL alongside their parent app.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1052,1053,1054,1055],{"name":9,"slug":8,"type":15},{"name":968,"slug":969,"type":15},{"name":21,"slug":22,"type":15},{"name":13,"slug":14,"type":15},"2026-07-24T05:36:46.195935",22,{"items":1059,"total":1183},[1060,1068,1075,1082,1090,1098,1106,1113,1128,1146,1161,1172],{"slug":955,"name":955,"fn":956,"description":957,"org":1061,"tags":1062,"stars":23,"repoUrl":24,"updatedAt":971},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1063,1064,1065,1066,1067],{"name":961,"slug":962,"type":15},{"name":964,"slug":965,"type":15},{"name":9,"slug":8,"type":15},{"name":968,"slug":969,"type":15},{"name":21,"slug":22,"type":15},{"slug":973,"name":973,"fn":974,"description":975,"org":1069,"tags":1070,"stars":23,"repoUrl":24,"updatedAt":986},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1071,1072,1073,1074],{"name":964,"slug":965,"type":15},{"name":9,"slug":8,"type":15},{"name":981,"slug":982,"type":15},{"name":984,"slug":985,"type":15},{"slug":988,"name":988,"fn":989,"description":990,"org":1076,"tags":1077,"stars":23,"repoUrl":24,"updatedAt":999},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1078,1079,1080,1081],{"name":9,"slug":8,"type":15},{"name":21,"slug":22,"type":15},{"name":996,"slug":997,"type":15},{"name":13,"slug":14,"type":15},{"slug":1001,"name":1001,"fn":1002,"description":1003,"org":1083,"tags":1084,"stars":23,"repoUrl":24,"updatedAt":1013},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1085,1086,1087,1088,1089],{"name":961,"slug":962,"type":15},{"name":1008,"slug":1009,"type":15},{"name":9,"slug":8,"type":15},{"name":968,"slug":969,"type":15},{"name":21,"slug":22,"type":15},{"slug":1015,"name":1015,"fn":1016,"description":1017,"org":1091,"tags":1092,"stars":23,"repoUrl":24,"updatedAt":1027},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1093,1094,1095,1096,1097],{"name":1021,"slug":1022,"type":15},{"name":964,"slug":965,"type":15},{"name":9,"slug":8,"type":15},{"name":21,"slug":22,"type":15},{"name":996,"slug":997,"type":15},{"slug":1029,"name":1029,"fn":1030,"description":1031,"org":1099,"tags":1100,"stars":23,"repoUrl":24,"updatedAt":1045},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1101,1102,1103,1104,1105],{"name":1035,"slug":1036,"type":15},{"name":1038,"slug":1039,"type":15},{"name":964,"slug":965,"type":15},{"name":9,"slug":8,"type":15},{"name":1043,"slug":1044,"type":15},{"slug":1047,"name":1047,"fn":1048,"description":1049,"org":1107,"tags":1108,"stars":23,"repoUrl":24,"updatedAt":1056},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1109,1110,1111,1112],{"name":9,"slug":8,"type":15},{"name":968,"slug":969,"type":15},{"name":21,"slug":22,"type":15},{"name":13,"slug":14,"type":15},{"slug":1114,"name":1114,"fn":1115,"description":1116,"org":1117,"tags":1118,"stars":23,"repoUrl":24,"updatedAt":1127},"expo-brownfield","integrate Expo and React Native into native apps","Framework (OSS). Integrate Expo and React Native into an existing native iOS or Android app. Use when the user mentions brownfield, embedding React Native in a native app, AAR\u002FXCFramework, or adding Expo to an existing Kotlin\u002FSwift project. Covers both the isolated approach and the integrated approach.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1119,1120,1121,1124,1125,1126],{"name":961,"slug":962,"type":15},{"name":9,"slug":8,"type":15},{"name":1122,"slug":1123,"type":15},"Integrations","integrations",{"name":968,"slug":969,"type":15},{"name":21,"slug":22,"type":15},{"name":13,"slug":14,"type":15},"2026-07-24T05:36:39.682299",{"slug":1129,"name":1129,"fn":1130,"description":1131,"org":1132,"tags":1133,"stars":23,"repoUrl":24,"updatedAt":1145},"expo-data-fetching","fetch and manage data in Expo apps","Framework (OSS). Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support, and Expo Router data loaders (`useLoaderData`).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1134,1137,1140,1141,1142],{"name":1135,"slug":1136,"type":15},"API Development","api-development",{"name":1138,"slug":1139,"type":15},"Caching","caching",{"name":9,"slug":8,"type":15},{"name":21,"slug":22,"type":15},{"name":1143,"slug":1144,"type":15},"React","react","2026-07-24T05:36:42.177188",{"slug":1147,"name":1147,"fn":1148,"description":1149,"org":1150,"tags":1151,"stars":23,"repoUrl":24,"updatedAt":1160},"expo-dev-client","build and distribute Expo development clients","Framework (OSS). Build and distribute Expo development clients locally or via TestFlight for internal testing. For production TestFlight releases and store submission, use the eas-app-stores skill.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1152,1153,1154,1155,1156,1159],{"name":961,"slug":962,"type":15},{"name":964,"slug":965,"type":15},{"name":9,"slug":8,"type":15},{"name":968,"slug":969,"type":15},{"name":1157,"slug":1158,"type":15},"Local Development","local-development",{"name":21,"slug":22,"type":15},"2026-07-24T05:36:51.160719",{"slug":1162,"name":1162,"fn":1163,"description":1164,"org":1165,"tags":1166,"stars":23,"repoUrl":24,"updatedAt":1171},"expo-dom","run web components in native apps","Framework (OSS). Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally. For the end-to-end migration of a whole web app, use the expo-web-to-native skill.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1167,1168,1169,1170],{"name":9,"slug":8,"type":15},{"name":981,"slug":982,"type":15},{"name":21,"slug":22,"type":15},{"name":13,"slug":14,"type":15},"2026-07-24T05:36:41.176872",{"slug":1173,"name":1173,"fn":1174,"description":1175,"org":1176,"tags":1177,"stars":23,"repoUrl":24,"updatedAt":1182},"expo-examples","integrate Expo example projects","Framework (OSS). Expo's official example projects - the expo\u002Fexamples repo of ~70 `with-*` integrations (Stripe, Clerk, Supabase, OpenAI, maps, Reanimated, SQLite, Skia, NativeWind, and more). Use when integrating a third-party library or service into an existing Expo app and you want the canonical, version-matched pattern to adapt, or when scaffolding a new project from one with `npx create-expo --example`.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1178,1179,1180,1181],{"name":9,"slug":8,"type":15},{"name":1122,"slug":1123,"type":15},{"name":21,"slug":22,"type":15},{"name":13,"slug":14,"type":15},"2026-07-24T05:36:35.174379",24]