II.
StackProfile JSON
Structured · livestack-profile:mobile-first-stack
Mobile-First Stack (React Native/Flutter, Firebase, GraphQL, Expo) json
Inspect the normalized record payload exactly as the atlas UI reads it.
{
"id": "stack-profile:mobile-first-stack",
"_kind": "StackProfile",
"_file": "domain/stack-profiles/common-stacks.yaml",
"_cluster": "domain",
"attributes": {
"displayName": "Mobile-First Stack (React Native/Flutter, Firebase, GraphQL, Expo)",
"description": "A mobile-first application stack: React Native or Flutter as the\ncross-platform UI framework, Firebase as the managed backend\nproviding authentication, real-time database, cloud functions, and\npush notifications, GraphQL as the API query language for flexible\nclient-driven data fetching, and Expo as the development and build\ntoolchain for React Native.\n\nThis stack prioritizes mobile development velocity. React Native\nand Flutter both enable single-codebase development for iOS and\nAndroid. Firebase eliminates the need for a custom backend for\ncommon mobile patterns (auth, real-time sync, file storage, crash\nreporting). GraphQL reduces over-fetching on bandwidth-constrained\nmobile networks by letting the client specify exactly which fields\nit needs. Expo provides over-the-air updates, managed builds, and\na rich set of native module wrappers. The combination is popular\nfor startups and indie developers shipping consumer mobile apps\nwith small teams.\n",
"composes": [
"language:typescript",
"language:dart",
"framework:react",
"framework:flutter",
"language:graphql",
"tool:firebase-auth"
]
},
"outgoingEdges": [
{
"from": "stack-profile:mobile-first-stack",
"to": "language:typescript",
"kind": "composed_of"
},
{
"from": "stack-profile:mobile-first-stack",
"to": "language:dart",
"kind": "composed_of"
},
{
"from": "stack-profile:mobile-first-stack",
"to": "framework:react",
"kind": "composed_of"
},
{
"from": "stack-profile:mobile-first-stack",
"to": "framework:flutter",
"kind": "composed_of"
},
{
"from": "stack-profile:mobile-first-stack",
"to": "language:graphql",
"kind": "composed_of"
},
{
"from": "stack-profile:mobile-first-stack",
"to": "tool:firebase-auth",
"kind": "composed_of"
},
{
"from": "stack-profile:mobile-first-stack",
"to": "role:mobile-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:mobile-first-stack",
"to": "role:fullstack-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:mobile-first-stack",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:mobile-first-stack",
"to": "domain:mobile",
"kind": "applies_to"
},
{
"from": "stack-profile:mobile-first-stack",
"to": "domain:software-engineering",
"kind": "applies_to"
},
{
"from": "stack-profile:mobile-first-stack",
"to": "skill-area:react-native-development",
"kind": "requires_skill_area"
},
{
"from": "stack-profile:mobile-first-stack",
"to": "skill-area:flutter-development",
"kind": "requires_skill_area"
},
{
"from": "stack-profile:mobile-first-stack",
"to": "skill-area:mobile-state-management",
"kind": "requires_skill_area"
},
{
"from": "stack-profile:mobile-first-stack",
"to": "skill-area:push-notifications",
"kind": "requires_skill_area"
},
{
"from": "stack-profile:mobile-first-stack",
"to": "skill-area:graphql-schema-design",
"kind": "requires_skill_area"
}
],
"incomingEdges": []
}