🔴 Building a StackOverflow Clone in React Native (Tutorial for Beginners)

This tutorial is sponsored by StepZen which is a GraphQL server with a unique architecture that helps developers build APIs fast and with less code (using declarative configurations).

In this video, you will learn how to build a StackOverflow clone application, using React Native and Expo. This tutorial is designed for beginners in React Native and mobile development so there's a lot to learn. Let's get started!

⚛️ React Native Mastery is the ONLY course you need to master mobile development with React Native & Expo 🚀

This build includes a lot of tools & technologies, and it's a great opportunity to learn how to:
- Build React Native apps with Expo & Expo Router
- Work with public APIs
- Use StepZen to transform a REST API into a GraphQL API
- Query a GraphQL API from React Native

💬 Join the notJust Development gang and let's build together:

Disclaimer: This build is for educational purposes only. All views, opinions, and technology choices expressed in this video are my own and do not represent the views, opinions, or technology choices of any entity I have been, am now, or will be affiliated with.
#notjustdev #reactnative #stackoverflow

[notjustdev]

⚛ React Native Mastery is the ONLY course you need to master mobile development with React Native & Expo 🚀

[Altroo]

Keep up the good work Vadim your content is always updated and the best.

[AnibalGutierrezYoSoy]

Es genial! También activaras los comentarios?

[vqostyaxuiradi]

моему каналу - два года. развиваюсь очень медленно, но это происходит. За это время многому научилась. Спасибо вам за видео и за ваши труды!

[lfm_]

for anyone struggling with the style of the question list item, i had to bring back the "asChild" prop of the Link component and change the View child for Pressable. For some reason my style got affected by not adding this, not sure why it worked fine with him

[lfm_]

Did anyone try logging with stackoverflow using expo auth session? im struggling with it.. please vadim can you do a video about expo auth session, im not sure if you already did, but anyway, it would be really helpful! i love your videos, thank you !

[MaheshtheDev]

Great Tutorial Sir, Please make Clone of Fitness app in React native

[somerandomchannel]

Timecodes
1: Initial commit - 07:00
2: QuestionListItem - 11:30
3: Home page UI: FlatList of Questions - 45:00
5: Question Detailed Page - 52:00
6: Answer FlatList - 1:16:00
7: Markdown parser - 1:29:00
8: Init Stepzen - 1:59:30
9: StepZen GraphQL API - 2:06:00
10: Query our graphql api using urql - 2:40:00
11: Search


Extra

7:
npm i html-entities
npm i react-native-markdown-display --legacy-peer-deps
X: VSCode setup - 1:37:30
X: Talk about SO API - 1:44:00
X: Talk about SO API - 1:44:00
X: Talk about GraphQL benefits - 1:51:00
X: Showcase StepZen - 1:54:00
X: Install/Docs StepZen CLI - 1:56:00
"""
npm install -g stepzen
stepzen login
What is your account name?: ___
What is your admin key?: ***
You have successfully logged in with the ___ account.
stepzen whoami
"""

8:
8a: Showcase Stepzen Rest to GQL - 2:01:00
"""
stepzen init
? What would you like your endpoint to be called? api/stackoverflow

showcase stepzen rest to gql - 2:04:00
"""
? What would you like your endpoint to be called? api/stackoverflow
stepzen start
**dashboard site** graphql apis
"""

9:
X: SO API with type Question - 2:07:00
X: Combine types with materializer - 2:28:00
"""
type Question {
...
answers: [Answer]
@materializer(
query: "answers { items }"
arguments: [{ name: "questionId", field: "question_id" }]
)
"""

[SuperYoda]

I love your content! Please could you consider doing a t3 expo App using trpc for the backend, and Clerk for the authentication? I know it's quite niche but I really like the idea of having type safety from client to database.

[tanishqava]

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. help

[sufianbaig]

plz do clone of fitness app in react native

[motle-jkxo]

expected a string (for built-in components) or a class/function (for composite components) but got: undefined.

[cubedev]

Please make this backend using laravel

[sufianbaig]

*Do it clone of fitness app in react native
*

[TeamWiwer-jd]

//...УважаемымРазработчикам, андройдом/пользуюсьокологода..изплюсовтолькоразьёмдлязарядки, оченьрадуеткачествоматериаловсамогоаппарата, симкупоканевставлялиприложениятакиекакежедневникещенетстировалP/S✊