React Native Tutorial #3 - Views, Text & Styles

Sdílet
Vložit
  • čas přidán 5. 07. 2024
  • Hey gang, in this React Native tutorial for beginners we'll take a look at 2 buil-in components - the View component and the Text component. We'll also see how to create a "stylesheet" in React Native too, to style our components.
    ----------------------------------------
    🐱‍💻 🐱‍💻 Course Links:
    Course files - github.com/iamshaunjp/react-n...
    🐱‍💻 🐱‍💻 Other Related Courses:
    + Complete React Tutorial - • Complete React Tutoria...
    + React Hooks & Context Tutorial - • React Context & Hooks ...
    + Modern JavaScript Tutorial - • Modern JavaScript Tuto...

Komentáře • 63

  • @jasonwarner8774
    @jasonwarner8774 Před 2 lety +10

    Your tutorials are invaluable. The order of information and your concise but detailed explanations of everything truly sets your tutorials apart from the rest.

  • @starkgaming4758
    @starkgaming4758 Před 3 lety +7

    Oh my goodness I am now a senior react developer in my office thank you Shaun for this hitting subscribe and like button . OMG I'M A DEVELOPER BECAUSE OF YOU VERY VERY THANK YOU TO YOU SHAUN!! SHAUN!! THENETNINJA!!!!!!!!!!!!!

  • @lakshbharani6900
    @lakshbharani6900 Před rokem +2

    This man taught me flutter and made me a god at it and now I'm back after 2 years to learn react native. Talk about loyalty 🙏🙏

  • @soumitramandal
    @soumitramandal Před 3 lety +5

    Dude You are amazing. You have made react and react native super easy for me.

  • @tattah96
    @tattah96 Před 4 lety +9

    really helpful tutorial so far man, honestly. You take the time to explain the small things which make a difference.

  • @teamappollon7097
    @teamappollon7097 Před 3 lety

    Very clear explanation! Thank you for producing this!

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

    very well explained thank you for all. Love from Turkey ♥

  • @MoonschoolGamer
    @MoonschoolGamer Před 3 lety

    This is a great video! You're a great speaker

  • @dinukainfo
    @dinukainfo Před 4 lety

    Thank for this valuable course

  • @mooder3247
    @mooder3247 Před 4 lety

    thank you very much for these amazing videos

  • @sanketgore2515
    @sanketgore2515 Před 3 lety

    very helpful tutorial. Thankyou!

  • @VenkateshN6819
    @VenkateshN6819 Před 3 lety

    simple but effective. thanks for sharing. Can you please create a play list, that'd be helpful.

  • @alisonoz7219
    @alisonoz7219 Před rokem

    Thank you so much!! this video helped me a lot!

  • @hossamsoliman2697
    @hossamsoliman2697 Před 4 lety +1

    Thank you, Shaun, I'm gonna hit a LIKE down below :D

  • @DrNabeel20
    @DrNabeel20 Před 3 lety

    Amazing 👏

  • @patric_forreal
    @patric_forreal Před 4 lety

    Broo!!! I don't know how can I express this happiness, but all my entire life at the back there I was thinking how could I create cross platform apps, I thought of Enrolling to Flutter or Xamarin, but you suddenly showed up #ReactNative on Windows a series of a mentor that I trust, on the operating system that I use, and the language that I speak!!!! There is no true Happiness like thid Broo!!! Indeed Thanks A million!!!!

    • @patric_forreal
      @patric_forreal Před 4 lety

      @wilfrans Thanks For The Tip wilfrans!!! I got that loud and clear!!! You got my like!!!!

  • @felipemartinez6752
    @felipemartinez6752 Před 3 lety

    Hi! Nice tutorial. I'm a beginner and I try to follow with the lesson however my AVD is to slow can you recommend any configuration for my AVD. Thank you.

  • @DrNabeel20
    @DrNabeel20 Před 3 lety

    Thank you!

  • @emersonuyghur007
    @emersonuyghur007 Před 4 lety

    thank you man

  • @mianala
    @mianala Před 4 lety

    The best !

  • @vehementvenerableviking9504

    Thank you

  • @jordanmuller318
    @jordanmuller318 Před 4 lety

    What colour scheme do you use for VS Code, if I may??

  • @MrSibabale
    @MrSibabale Před 4 lety

    can you please extend this tutorial just like the one you did for Flutter please?

  • @sukritkapil9816
    @sukritkapil9816 Před 3 lety +1

    wow, much easier than java code!

  • @Patokloss
    @Patokloss Před 3 lety

    I think the theme is Monokai Pro with Filter Spectrum. For all of you asking

  • @ahmdsaad5078
    @ahmdsaad5078 Před 4 lety +2

    Big heart.

  • @onion_____
    @onion_____ Před 4 lety +1

    thanks net ninja :))

  • @thecutedreamkostasp.4449
    @thecutedreamkostasp.4449 Před 2 lety +1

    Is flexbix works differently on mobile devices? I dont understand why the the yellow view box is under from pink view box. The container is using display flex. And with flex 1 each child should take the same space horizontaly ! Am j missing something here.
    Alsoo. Dude u are a miracle. I cant believe how good you ate at teaching. Tyy

  • @reyfoljamesgarcia4790
    @reyfoljamesgarcia4790 Před 7 měsíci

    Thanks.

  • @yasminedwedar8651
    @yasminedwedar8651 Před 4 lety

    what theme are you using plz in VSCODE

  • @tan3672
    @tan3672 Před 4 lety +2

    May i know what theme you are using for react native syntax

  • @therenshres
    @therenshres Před rokem

    How do you enable "selecteable" feature in iOS...tap-select-drag to select words only? I added selectable in Text and it works fine in android but not in iOS!

  • @hassantariq8847
    @hassantariq8847 Před 4 lety

    Finally ❤ RN

  • @adarshpandya
    @adarshpandya Před 4 lety

    My windows 10 pc can't install expo-cli, it stucks in between of installation in some rxjs dependency , can anyone help?

  • @cubedev4838
    @cubedev4838 Před 3 lety

    Can u make react native + firebase series?

  • @peacewithinrelaxationmusic6981

    How do you display vertical text?

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

    🔥🔥🔥

  • @thelasttimeitookashowerwas7069

    why would you need text component inside a text component? probably to have different style?

  • @calpardo
    @calpardo Před 4 lety

    thxxxx

  • @syedaliraza1683
    @syedaliraza1683 Před 3 lety

    you rock

  • @CharcoalDaddyBBQ
    @CharcoalDaddyBBQ Před 4 měsíci

    How do I get the phone view while developing?

  • @kjan0
    @kjan0 Před měsícem

    Seems that things have changed in expo. Entry point and structure has changed. The course code doesn't run: Cannot find module 'metro/src/lib/TerminalReporter'.

  • @candle-likeghost9523
    @candle-likeghost9523 Před 3 lety

    the style can only be written in the one of the object's object

  • @phankhaccuong3554
    @phankhaccuong3554 Před 4 lety

    how i can complier, thanks

  • @patric_forreal
    @patric_forreal Před 4 lety +5

    Thank You Shaun, and please Shaun, can I ask for a favor if you will be pleased to hire from me, I know that, your a FireBase fun boy, and many people are now shifting to Firebase!!! But please for the sake of us who we are living in developing countries, can I ask, if you will do ReactNative on the back-end side please use the Mongose DB, because I or maybe we (the rest of those who live in developing countries) face a problem internet connection. Like I personally for instance, failed to go along with you series on Flutter + FireBase because of unavailability of internet services!!! The cost given by the ISP is really so high, hence I or we can't afford been online 24/7,
    I know it sounds stupid, and mybe annoying, but please broo, If you wish to help.I and us, please be pleased to do so!!! Please!!!!

  • @niftydev7927
    @niftydev7927 Před 4 lety +1

    7:08

  • @mohanj2849
    @mohanj2849 Před rokem

    Hi nice video , but not showing preview in web

  • @adarshgabani1906
    @adarshgabani1906 Před 3 lety

    in my app text not getting bold

  • @armagan_gok
    @armagan_gok Před 3 lety

    why you did not help out us to install emulator?

  • @jinji.17
    @jinji.17 Před 11 měsíci

    Please do 2023 version

  • @mohamedlounnaci1608
    @mohamedlounnaci1608 Před 4 lety +1

    Dear NetNinja, can you do a tutorial on Svelte ?

  • @decentralizedkhan
    @decentralizedkhan Před 2 lety

    Very similar to how HTML works

  • @DuongTran-zh6td
    @DuongTran-zh6td Před 2 lety

    content

  • @rohitguptacyber
    @rohitguptacyber Před 3 lety

    Executed your code ... pink + yellow box is not happening.

  • @DeepakGupta-hj2dv
    @DeepakGupta-hj2dv Před 4 lety

    Kitne video hai total React native mai .

  • @zaffarmughal5478
    @zaffarmughal5478 Před 4 lety

    Shaun! Any chance I can invite you for a dinner, In Stockport or maybe in Lancaster? A very sincere offer even must say request!

  • @mrh3200
    @mrh3200 Před 4 lety

    what accent ?

    • @NetNinja
      @NetNinja  Před 4 lety +2

      I'm from Manchester, England :)