The React Native Crash Course

Sdílet
Vložit
  • čas přidán 2. 06. 2024
  • In this crash course, we will learn how to build react native applications
    Second Channel:
    / @laiture123
    Github Repo:
    github.com/harblaith7/React-N...
    Yelp Api:
    fusion.yelp.com/
    Timeline:
    0:00 - What is React Native
    4:11 - Installing a React Native App
    11:55 - Exploring the Boilerplate
    21:35 - Components
    51:45 - Reusing Components with Props
    1:12:27 - Rendering Lists with FlatList
    1:27:20 - State
    1:38:30 - Handling Events
    1:55:47 - Making HTTP Requests
    2:16:37 - Custom Hooks
    2:25:55 - useEffect
    2:54:00 - Screens
    3:07:10 - Screen Navigation

Komentáře • 86

  • @Usq7213
    @Usq7213 Před 2 lety +15

    I skipped the gym and forgat to eat food because of the well made crash course, the way you explain everything was awesome, you are one of the kind, keep up the good work, liked and subbed!❤

  • @firstlastcode
    @firstlastcode Před 2 lety +21

    To me you are one of the best 5 instructors on youtube. The way you approach the topic is awesome. How you explain things is extraordinary

  • @firstlastcode
    @firstlastcode Před 2 lety +3

    Thank you for your good works I'm almost done watching every single video you have posted on youtube. You are great teacher, and super senior software engineer

  • @nigelpallatt
    @nigelpallatt Před 2 lety +1

    Loved the ternary in Flatlist! Brilliant!

  • @bilyajega4827
    @bilyajega4827 Před rokem

    This is the best free comprehensive React-Native course you can find. Well explained 👏. Thank you Laith 🙏

  • @symphony_vk
    @symphony_vk Před 2 lety

    Another awesome content release Laith! Can’t wait to watch it!!!

  • @BotanicalWonders60
    @BotanicalWonders60 Před 2 lety

    so much outdate video out there to learn, and i'm glad found your content, thanks!!

  • @ex_nihilonihil_fit5711
    @ex_nihilonihil_fit5711 Před 2 lety +1

    OMG! You are an amazing tutorial generator. Lots of love for you!

  • @asim-gandu-phenchod
    @asim-gandu-phenchod Před 2 lety

    Bravo.... To the point explanation. Keep it up Laith

  • @georgeandreev7879
    @georgeandreev7879 Před 2 lety +1

    Man, this is just amazing! Also bought the course of yours at Udemy. Please keep it up!

  • @jeffery_tang
    @jeffery_tang Před 2 lety

    the way you explain it is very understandable, like the way you explained why we need state

  • @abhimanranaweera1695
    @abhimanranaweera1695 Před rokem

    Superb tutorial!!! You are one of the best teacher I have ever had ❤

  • @alialharthi7042
    @alialharthi7042 Před rokem

    Thank you very much dear Leath. It was very helpful. I have built my first mobile app and it look so good

  • @justhooman4682
    @justhooman4682 Před 2 lety +3

    awesome tutorial! probably the best one yet. however, i had to use create-react-native-app with navigation template and then install react-navigation and react-navigation-stack seperately as last resort since navigation wasn't working with your setup of expo & i couldn't fix it.

  • @Salah-YT
    @Salah-YT Před rokem +1

    thank u so much my good friend 🙂 it was really amazing crash course

  • @morshedulislamriaad6496

    This tutorial is terrific. Thanks

  • @manoj-k
    @manoj-k Před 2 lety

    🔥🔥🔥 Thank you so much. Now I will try react native

  • @saadowain3511
    @saadowain3511 Před 2 lety +2

    رحم الله والديك و بيض الله وجهك

  • @brandonmchugh9821
    @brandonmchugh9821 Před 2 lety

    Amazing video. Super easy to follow and very instructive!

    • @nigelpallatt
      @nigelpallatt Před 2 lety

      Did you have a problem with the Api?
      Object { message: "Request failed with status code 400", name: "AxiosError", code: "ERR_BAD_REQUEST", config: {…}, request: XMLHttpRequest, response: {…}, stack: "" }

      code: "ERR_BAD_REQUEST"

      config: Object { timeout: 0, xsrfCookieName: "XSRF-TOKEN", xsrfHeaderName: "X-XSRF-TOKEN", … }

      message: "Request failed with status code 400"

      name: "AxiosError"
      ??

  • @user-iv2xr6jy5y
    @user-iv2xr6jy5y Před 11 měsíci

    I almost watched all of your videos,you man is doing a reat work!!!,GBU Brother

  • @soner8780
    @soner8780 Před rokem

    Thanks. I think I learned a lot!

  • @shahzebafridi8783
    @shahzebafridi8783 Před 10 měsíci

    I don't know why you have low number of subs you are a great teacher and the way you teach is simply amazing I was learning react native from Javascript Mastery but let me tell you that guy sucks in teaching you deserve way more subs dude thanks for providing such quality content

  • @trendscene5374
    @trendscene5374 Před 2 lety

    This is mesmerizing video. Thank you so much for share this video...😱

  • @thatolebethe8896
    @thatolebethe8896 Před rokem

    Great tutorial thanks mate

  • @plashless3406
    @plashless3406 Před 2 lety

    You are awesome. Love you!

  • @mahendranath2504
    @mahendranath2504 Před 2 lety

    Thank you so much 👍🏼🙏🎉⭐

  • @hamzahnadeem6041
    @hamzahnadeem6041 Před 2 lety +15

    You should put a full react native course because I have seen Udemy, there are not much updated react native course out there..
    And its demand is very high at least in my country

  • @mickaelrichard7255
    @mickaelrichard7255 Před 2 lety +2

    It would be great if you could do a Udemy course on React Native because there are no updated courses anymore so it's very complicate to find good native courses nowadays.

  • @vim1000
    @vim1000 Před 5 měsíci

    My knee gives me stress, but plz complete this with all the functionality 🤟

  • @includejoe
    @includejoe Před rokem

    OMG!! you are the best!!

  • @justttn
    @justttn Před rokem

    Thanks sooo much 🔥

  • @aleksandarbisevac3129
    @aleksandarbisevac3129 Před 2 lety

    Wow, thanks!

  • @ihsanmohamad521
    @ihsanmohamad521 Před 2 lety +5

    I just bought 2 courses from you on Udemy, can't wait to get started on it as soon as i finish another course on typescript. Seeing your videos on youtube convince me to buy the courses lol 😂

    • @betfab9806
      @betfab9806 Před 2 lety

      Hi. Whats his name on Udemy? Thanks

    • @ihsanmohamad521
      @ihsanmohamad521 Před 2 lety

      @@betfab9806 Laith Harb if I'm not mistaken

    • @betfab9806
      @betfab9806 Před 2 lety +1

      @@ihsanmohamad521 thanks so much! Found it!

  • @universecode1101
    @universecode1101 Před 2 lety

    This will be 🤯

  • @tuanbuihuu8192
    @tuanbuihuu8192 Před 2 lety

    great tutorial . I love you. Can you make a course of mySql or PostgreSql ?

  • @ketankumar5689
    @ketankumar5689 Před 2 lety +1

    Could you please make a video/playlist on javascript from scratch level ? It would be much helpful to learn from you ! 😌🙂

  • @alirezafazeli231
    @alirezafazeli231 Před rokem

    nice tutorial

  • @yunus5949
    @yunus5949 Před rokem

    I really like this course. 2:28:01 ;)

  • @erosburastero8205
    @erosburastero8205 Před 2 lety

    Can you upload a crash course of webpack and babel? thank you for your time dude

  • @itsstphn
    @itsstphn Před 2 lety +1

    what vscode plugin for react native auto imports?

  • @rhysharries7315
    @rhysharries7315 Před rokem

    Thanks

  • @mohamedyoussef8835
    @mohamedyoussef8835 Před rokem

    Awesome Tutorial ++++++++++++++++++

  • @ilyastalbi3833
    @ilyastalbi3833 Před 2 lety

    Do you have a full course about react native in udemy?

  • @DanKardell
    @DanKardell Před rokem

    Is there a simular tutorial if you are not using Expo?

  • @wynnewang8048
    @wynnewang8048 Před 2 lety

    I can't download git or homebrew, its showing command not found. What should I do?

  • @elaheeskandari6472
    @elaheeskandari6472 Před 2 lety +3

    Great video until the part where screen navigation is presented. Is the navigation install the latest version? I get error "unable to resolve module.. none of these files exist: " and I have done everything to fixe it but it just doesn't work. Could you please update this video or make another short video only doing the screen navigation? And maybe install react-navigation version 6? with createNativeStackNavigator and NavigationContainer? Thank you:)

    • @b2elias
      @b2elias Před 2 lety

      I got the same error, did you fix it?

    • @elaheeskandari6472
      @elaheeskandari6472 Před 2 lety

      No🥲

    • @Redstarcrew
      @Redstarcrew Před 2 lety

      i fixed it by installing the 2 navigation packages seperately, and then restarted the server

    • @includejoe
      @includejoe Před rokem

      did anybody else fix this issue ?

    • @amirbland7836
      @amirbland7836 Před rokem

      @@Redstarcrew this worked for me thank you

  • @sloppytony
    @sloppytony Před rokem

    I feel like every tutorial they do everything on app JS file but I know that it's not all gonna be in there. I want a separate component with the array of data and pull that data from there into the app for reusable component

  • @darwinmanalo5436
    @darwinmanalo5436 Před 2 lety

    It's just a month ago but the react navigation part is already outdated. Damn devs. Great tutorial tho! Keep it up!

  • @jamesquek9707
    @jamesquek9707 Před rokem

    I am stuck at getting the data from Yelp. It's not properly formatted and I cannot extract the required info from the response data. Can anybody help ?

    • @chippandenga6722
      @chippandenga6722 Před rokem

      Well at least it seems you managed to successfully register with Yelp. It wont let me register at all. Their response is "Oops, Yelp is overworked right now." ☹ WTF?🤣

  • @romimaximus
    @romimaximus Před 2 lety

    when i try "expo init app-name", i get an ERROR "Uncaught Error Error: EPERM: operation not permitted, open 'C:\Users
    otebook 3\.expo\PATH'", ... im breaking my head off trying to solve this, any good advice ?

    • @chetanjain4616
      @chetanjain4616 Před 2 lety +1

      It doesn't work when you do it in Users/Download/Document/Desktop directories like these, create a folder and then run the command inside there with permittable name( like w/o special character and )

    • @romimaximus
      @romimaximus Před 2 lety

      @@chetanjain4616 i didnt understand ... but thank you..

  • @thatolebethe8896
    @thatolebethe8896 Před rokem

    hi guys how did u get around using the yelp api , outside the US????

    • @laithacademy
      @laithacademy  Před rokem +1

      Probably a VPN

    • @chippandenga6722
      @chippandenga6722 Před rokem

      @@laithacademy Why dont you provide hardcoded sample table for those of us who cannot get onto YELP. I am in South Africa and cannot register with Yelp. So, I cannot continue and would love to complete this project?

  • @dzhaniivanov5837
    @dzhaniivanov5837 Před rokem +1

    yelp is not accessible from Bulgaria

  • @karthikbalaji383
    @karthikbalaji383 Před 2 lety

    is react native and react js similar in syntax?

  • @chrishabgood8900
    @chrishabgood8900 Před rokem

    for some reason i had to put a return for the renderedItem for the restaurants to show up:
    restaurant.id}
    renderItem={({item}) => {
    return
    }}
    />

  • @marcinmaj3609
    @marcinmaj3609 Před rokem

    More react native

  • @frtyuufdsfge5667
    @frtyuufdsfge5667 Před 2 lety +1

    i finish another course on typescript

  • @IlhamPratama-ci4df
    @IlhamPratama-ci4df Před 2 lety +1

    I recommend watching this in 1.5x speed

  • @adithyapaib
    @adithyapaib Před 2 lety +1

    Basic react course pls

  • @nigelpallatt
    @nigelpallatt Před 2 lety +2

    Its, RGB: R=RED, G=Green, B=Blue, "I beleve". lol

    • @alexandra.thegreat
      @alexandra.thegreat Před rokem

      OMG, just wanted to write the same... this was a silly one 😀

  • @Solruc_
    @Solruc_ Před 2 lety

    Anyone getting Axios Network Error?

    • @nigelpallatt
      @nigelpallatt Před 2 lety

      yes me

    • @nigelpallatt
      @nigelpallatt Před 2 lety

      are you getting: Access-Control-Allow-Origin problems?

    • @nigelpallatt
      @nigelpallatt Před 2 lety

      and : Uncaught (in promise)
      Object { message: "Request failed with status code 403", name: "AxiosError", code: "ERR_BAD_REQUEST", config: {…}, request: XMLHttpRequest, response: {…}, stack: "" }

  • @henry_9
    @henry_9 Před rokem

    51:45

  • @szilagyimiklos4757
    @szilagyimiklos4757 Před 2 lety

    Your obsession with food is kinda ridicolous nooffense

  • @mohamedyoussef8835
    @mohamedyoussef8835 Před 2 lety

    Awesome Tutorial ++++++++++++++++++