Building a StackOverflow Clone: 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).
❇️ Get your free account here: bit.ly/3WLqBTo
In this video, I will guide you through the process of building a StackOverflow clone application, a popular question-and-answer platform, using React Native. This tutorial is designed specifically for beginners who are interested in learning how to develop mobile apps with React Native. Let's get started!
❗Try our FREE 2-day Masterclass on notJust.Academy:
assets.notjust.dev/masterclass
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
💻 Asset Bundle: assets.notjust.dev/stackoverflow
✨ Step-by-step guide: www.notjust.dev/projects/stac...
⌨️ Source code: github.com/notJust-dev/StackO...
📚 Enroll NOW in The Full-Stack Mobile Developer course and don’t miss out on your chance to become a 6-figure dev in 2023! Check out what our successful students are saying about their experience:
academy.notjust.dev
💬 Join the notJust Development gang and let's build together:
Twitter: / vadimnotjustdev
Instagram: / vadimnotjustdev
Facebook: / notjustdev
LinkedIn: / vadimsavin
Discord: / discord
Timecodes:
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.
Tags: react native, Expo, Expo Router, public APIs, StepZen, REST API, GraphQL API, query, how to build a StackOverflow application, StackOverflow clone, application development, tutorial, beginners, mobile app development
#notjustdev #reactnative #stackoverflow

Пікірлер: 25

  • @Altroo
    @Altroo11 ай бұрын

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

  • @SuperYoda7
    @SuperYoda711 ай бұрын

    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.

  • @trajcebelogaski1336
    @trajcebelogaski133610 ай бұрын

    wow thank you, now i can have fun!

  • @luanamendonca
    @luanamendonca6 ай бұрын

    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

  • @sethmwebi
    @sethmwebi8 ай бұрын

    Thank you Vadim

  • @shelbyrothman4522
    @shelbyrothman452210 ай бұрын

    part of the club!

  • @usmanmarkaz
    @usmanmarkaz11 ай бұрын

    Vadim sir plz make Ecommerce project

  • @Bianchi77
    @Bianchi774 ай бұрын

    Nice video, thanks :)

  • @MaheshtheDev
    @MaheshtheDev11 ай бұрын

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

  • @AnibalGutierrezYoSoy
    @AnibalGutierrezYoSoy9 ай бұрын

    Es genial! También activaras los comentarios?

  • @luanamendonca
    @luanamendonca6 ай бұрын

    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 !

  • @sufianbaig4080
    @sufianbaig408011 ай бұрын

    plz do clone of fitness app in react native

  • @tanishqava8667
    @tanishqava866711 ай бұрын

    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

  • @motle-jk7xo
    @motle-jk7xoАй бұрын

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

  • @cubedev4838
    @cubedev483811 ай бұрын

    Please make this backend using laravel

  • @davidadokuru8139

    @davidadokuru8139

    11 ай бұрын

    I’d love this

  • @JIPP71984
    @JIPP719842 ай бұрын

    Not in typescript?

  • @notjustdev

    @notjustdev

    Ай бұрын

    Not this one, no

  • @JIPP71984

    @JIPP71984

    Ай бұрын

    @@notjustdev Ok thanks for the great content. I was looking at the fullstack course is it still up to date? Really enjoying learning react native

  • @sufianbaig4080
    @sufianbaig408011 ай бұрын

    *Do it clone of fitness app in react native *

  • @collaxd
    @collaxd9 ай бұрын

    1% Club hahahwhe

  • @notjustdev

    @notjustdev

    9 ай бұрын

    Legend 🫶

  • @somerandomchannel382
    @somerandomchannel38211 ай бұрын

    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 dashboard.stepzen.com/account - keys & account name 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 """ stepzen import curl introspection.apis.stepzen.com/customers --query-name "customers" --query-type "Customer" --name "customers" ? 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" }] ) """

Келесі