React Native Flexbox Explained: How to Create Powerful UI

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ธ.ค. 2024

ความคิดเห็น • 133

  • @balloney2175
    @balloney2175 5 หลายเดือนก่อน +4

    I love Hitesh' style of teaching. Too much detail for anyone to understand. So far, the best instructor I've ever had in a long time.

  • @faizanahmed9304
    @faizanahmed9304 ปีที่แล้ว +5

    Thank you sir! From covering trought infection, you are still making these videos. Hats off! But please only make videos if u are comfortable and keep banging the good content. Love from Hyderabad

  • @is5ac
    @is5ac ปีที่แล้ว +3

    Loving this series Hitesh sir. Haven't had so much fun in a course since a long time

  • @YOYO-dl6fe
    @YOYO-dl6fe ปีที่แล้ว +3

    😌 I have Years of Journey with you. Always love your videos.

  • @tafrihatahsin2181
    @tafrihatahsin2181 4 วันที่ผ่านมา

    Love your style of teaching, very informative and insightful. Thanks Hitesh!

  • @sahithchary4392
    @sahithchary4392 10 วันที่ผ่านมา

    You Got a New Subscriber!!, i was Struggling to understand the concept of flex ,You made it clear,Thanks a lott,

  • @SiddhantaPaul80
    @SiddhantaPaul80 ปีที่แล้ว

    These React Native Tutorials are So Simple and To The Point. I'm loving the experience so far 🥳

  • @visheshgupta4990
    @visheshgupta4990 11 หลายเดือนก่อน +1

    Thank you so much for this series loving it , Thanks Hitesh Sir for your amazing teaching style and making this series so valuable , Thanks Hashnode for sponsoring this series . Thanks alott 🙌🙌

  • @SFORSANDEEP
    @SFORSANDEEP ปีที่แล้ว +7

    Just an FYI mate, the reason your boxes shrinked or ignored the width because you have flex 1 for the card. Remove the flex 1 from the card style which will resolve the issue. Btw you are awesome..

    • @premranjan2824
      @premranjan2824 5 หลายเดือนก่อน

      Damn, I was looking for this comment, you are awesome too, thanks a ton

    • @pprakash_das
      @pprakash_das 4 หลายเดือนก่อน

      Thank you so much, brother!!

  • @Walkerbuddy
    @Walkerbuddy 2 หลายเดือนก่อน

    thank you so much for making this amazing series

  • @RaviSargam
    @RaviSargam ปีที่แล้ว +1

    Thank you very much Hitesh Sir for react-native tutorials

  • @HimanshuGupta-xm2sj
    @HimanshuGupta-xm2sj 5 หลายเดือนก่อน

    Amazing video. Thanks a lot Hitesh sir. Learnt a lot!

  • @ridamsinghal1073
    @ridamsinghal1073 7 วันที่ผ่านมา

    Sir I love your way of teaching.

  • @AnilKumar-hr5uq
    @AnilKumar-hr5uq 4 หลายเดือนก่อน

    What a beautiful confidence 😮
    Thanks a lot ❤

  • @shwetanshu13
    @shwetanshu13 9 หลายเดือนก่อน

    Best tutorial playlist for React Native

  • @imran6465
    @imran6465 ปีที่แล้ว

    Thanks Hitesh sir for this amazing react-native series

  • @oyeibrahim
    @oyeibrahim 5 หลายเดือนก่อน

    Lovely and informative video. Thank you for all you do

  • @WolfLöwenHai
    @WolfLöwenHai ปีที่แล้ว +1

    very good explanation, thank you so much for the video!

  • @fahadkabooroo7395
    @fahadkabooroo7395 11 หลายเดือนก่อน +1

    React Native Flexbox Explained: How to Create Powerful UI DONE

  • @dhrumilkhoot1272
    @dhrumilkhoot1272 10 หลายเดือนก่อน

    Thank you so much Hitesh sir for this series :-)

  • @options_with__priccee
    @options_with__priccee ปีที่แล้ว

    Your javascript course is amazing sir

  • @luanribeiro8456
    @luanribeiro8456 4 หลายเดือนก่อน

    Thank you so much, these videos ara amazing

  • @gauravdhra4919
    @gauravdhra4919 ปีที่แล้ว

    अद्‌भुत and awwesome its so cool .🤩🤩🤩👩‍🎓

  • @sugarfreecode
    @sugarfreecode ปีที่แล้ว

    This series is amazing!!

  • @baanuaali2818
    @baanuaali2818 ปีที่แล้ว

    You're just the best. Thank you for this video

  • @yuvi6930
    @yuvi6930 9 หลายเดือนก่อน

    Thank You sir ! Amazing series really very helpful

  • @wlqpqpqlqmwnhssisjw6055
    @wlqpqpqlqmwnhssisjw6055 4 หลายเดือนก่อน

    awesome video on react native

  • @maheshpillala1265
    @maheshpillala1265 ปีที่แล้ว

    Thanks for the series❤

  • @kramyshan8121
    @kramyshan8121 ปีที่แล้ว

    Thanks for this tutorial - really good!

  • @aniketjha5946
    @aniketjha5946 ปีที่แล้ว +1

    thank you sir i only done this in web part thank you for this 😇 easy way.

  • @veissalbabah9691
    @veissalbabah9691 3 หลายเดือนก่อน +1

    is there a place where we can find the code without waiting for him to write in the video ?

  • @DarwinLumampao-n8z
    @DarwinLumampao-n8z หลายเดือนก่อน

    Super super thank you very clear tutorial

  • @VoiceThatMatter
    @VoiceThatMatter 4 หลายเดือนก่อน +1

    Thank You.

  • @nishantsingh7606
    @nishantsingh7606 ปีที่แล้ว

    Thanks for the series.

  • @kakhabervk9405
    @kakhabervk9405 ปีที่แล้ว

    Very good explanation, Thanks!

  • @RahulSharma-wz6yv
    @RahulSharma-wz6yv 9 หลายเดือนก่อน

    Awesome video, Thanks for this content

  • @132_priyankrai5
    @132_priyankrai5 ปีที่แล้ว

    Let's raise the bar to match real world applications

  • @anubhavseet004
    @anubhavseet004 6 หลายเดือนก่อน

    Hey Sir thanks for the video.

  • @ritishsharma4553
    @ritishsharma4553 6 หลายเดือนก่อน

    thank you sir
    loving thiss...........

  • @balubalaji9956
    @balubalaji9956 ปีที่แล้ว +1

    Appreciate your effort. Thank you

  • @Kaashif03
    @Kaashif03 6 หลายเดือนก่อน

    Thanks for the video

  • @learner-zl7zl
    @learner-zl7zl 8 หลายเดือนก่อน

    Thanks for the series

  • @naimishdwivedi1307
    @naimishdwivedi1307 23 วันที่ผ่านมา

    Thank you so much sir 😊

  • @BLEACHHHHHHH
    @BLEACHHHHHHH 4 หลายเดือนก่อน

    Hi sir I just checked the GitHub repo and there is no folder named components I just want to write the code for notes .

  • @techsonaniya8923
    @techsonaniya8923 ปีที่แล้ว

    Very good teaching skills

  • @dheemandutta4605
    @dheemandutta4605 21 วันที่ผ่านมา

    the styles do not work for me . do i have to do any other settings?

  • @unknown6032
    @unknown6032 ปีที่แล้ว

    Really fun and knowlegable video

  • @ashutoshshukla5912
    @ashutoshshukla5912 3 หลายเดือนก่อน

    Thank you sir❤

  • @MuneshKumar-ik9qx
    @MuneshKumar-ik9qx ปีที่แล้ว

    Thanks sir For great Explanation..........

  • @rajneeshkumar7574
    @rajneeshkumar7574 ปีที่แล้ว

    Awesome explanation sir

  • @shraddhajaiswal7118
    @shraddhajaiswal7118 4 หลายเดือนก่อน

    its Really helpful

  • @DivyaSuraj-ff4ls
    @DivyaSuraj-ff4ls 2 หลายเดือนก่อน

    Thank you Sir

  • @MilindGoel15
    @MilindGoel15 ปีที่แล้ว +1

    Even after you did hard refresh, it was still bugging cuz last width size you did was 110 which should probably shift the 2nd blue box(green text) to outside of the screen

    • @anuragbanger4261
      @anuragbanger4261 ปีที่แล้ว +1

      That can be fixed by removing the 'flex' property from the card style

    • @codedwebs
      @codedwebs ปีที่แล้ว

      @@anuragbanger4261 yes its working, but then how can we do center align items in card?

    • @codedwebs
      @codedwebs ปีที่แล้ว

      ahh i got it, i just replace flex: 1, with display: 'flex'

  • @bhaveshharne4069
    @bhaveshharne4069 8 หลายเดือนก่อน

    Great video sir

  • @LaughCreateDance
    @LaughCreateDance ปีที่แล้ว +1

    My card hides automatically after applying flex: 1 property. Please help me. Thanks

  • @prashantkumar560
    @prashantkumar560 ปีที่แล้ว

    thanks for this awesome vedio!!!

  • @rohitdhakad3120
    @rohitdhakad3120 ปีที่แล้ว

    You are a Awsm man.......thank you so much

  • @EAGEEYE321
    @EAGEEYE321 ปีที่แล้ว +1

    Thankyou soo much sir

  • @sonurawat7766
    @sonurawat7766 ปีที่แล้ว

    Thanks for this tutorial

  • @khushalgrow
    @khushalgrow 9 หลายเดือนก่อน

    sir when i want to use css file on multiple files how do i take an external stylesheet to give the stylesheet all the file?

  • @KishoreKumar-fv9dr
    @KishoreKumar-fv9dr ปีที่แล้ว

    tqs for the session.....

  • @IAmPrasenjitS
    @IAmPrasenjitS ปีที่แล้ว

    Thank You Sir...

  • @chethanhp9030
    @chethanhp9030 ปีที่แล้ว +1

    Thank you so much

  • @programmingholic
    @programmingholic ปีที่แล้ว

    Thank you , Following

  • @imranmollah2128
    @imranmollah2128 ปีที่แล้ว

    what is your theme name?

  • @subhashlama3642
    @subhashlama3642 6 หลายเดือนก่อน

    Thanks Bro

  • @codedwebs
    @codedwebs ปีที่แล้ว

    my cards are also shrinking not going out of the screen, i have tried hard reload too.

  • @rajshekharrakshit9058
    @rajshekharrakshit9058 ปีที่แล้ว

    great one

  • @ramsem5151
    @ramsem5151 ปีที่แล้ว

    🔥

  • @B-NikhilRichhariya
    @B-NikhilRichhariya 6 หลายเดือนก่อน

    Thanks >>>>>>>>>

  • @cricketvidz6808
    @cricketvidz6808 ปีที่แล้ว

    Sir plz make a video on how to make completely responsive design with responsive text

  • @prafulkumar5909
    @prafulkumar5909 ปีที่แล้ว

    Thank you sir.....

  • @devils9212
    @devils9212 4 หลายเดือนก่อน

    Can anyone tell me same for tailwind?

  • @Aditya.Santra
    @Aditya.Santra ปีที่แล้ว

    amazing 👍

  • @abdur786_
    @abdur786_ ปีที่แล้ว

    Thank you sir

  • @financialprogrammer
    @financialprogrammer ปีที่แล้ว

    thanks 😍

  • @wazrymohamed1654
    @wazrymohamed1654 ปีที่แล้ว

    Very clear explanation thank you sir.

  • @shreyash8888
    @shreyash8888 8 หลายเดือนก่อน

    Thanks alot❤

  • @phoenix7416
    @phoenix7416 ปีที่แล้ว

    Thanks 😊

  • @saimqureshi6074
    @saimqureshi6074 2 หลายเดือนก่อน

    #BESTTEACHER

  • @app.js1
    @app.js1 11 หลายเดือนก่อน

    Best Explanation 👍👍👍👍👍👍👍👍

  • @tanvighildiyal8068
    @tanvighildiyal8068 ปีที่แล้ว

    nice video, i heard that boAt is hiring through competition called Wavemaker's Challenge. They are giving out prizes as well. Cna you please make a video on that? I want to participate.

  • @TitleZero-c5y
    @TitleZero-c5y ปีที่แล้ว

    Thank yor sir.

  • @suyashsrivastava3671
    @suyashsrivastava3671 ปีที่แล้ว

    Can someone explain ? , why we use flex:1 instead of display:flex and why does it behave like flex-grow

    • @meltsinoven
      @meltsinoven ปีที่แล้ว

      When you have multiple components with flex: 1 within a flex container, each of them will take an equal portion of the available space. This is particularly useful when you want components to share the available space evenly.

  • @karunakarkoorella
    @karunakarkoorella 21 วันที่ผ่านมา

    thanks

  • @virenkhokhar6305
    @virenkhokhar6305 9 หลายเดือนก่อน

    thanks sir

  • @AbhishekKumar-nz9dn
    @AbhishekKumar-nz9dn 10 หลายเดือนก่อน

    @9:40 flex:1 is hiding all the things , without flex its working fine . pls tell how

  • @rafaatashour
    @rafaatashour ปีที่แล้ว

    thanks a lot

  • @Selvaram
    @Selvaram ปีที่แล้ว

    thank you great

  • @AnishKvlog
    @AnishKvlog ปีที่แล้ว

    Great

  • @xenoxel
    @xenoxel ปีที่แล้ว

    My react App has a white background color, does anybody know how to make it grey as in the tutorial. I have tried changing the emulator settings it did not work?

    • @MaddyShortsPK
      @MaddyShortsPK ปีที่แล้ว

      Hey! Have you changed it to grey or Not Yet?

    • @BLEACHHHHHHH
      @BLEACHHHHHHH 4 หลายเดือนก่อน

      ​@@MaddyShortsPK you can make one new style and give background color property and then apply that style to the safeareaview or the first view tag

    • @BLEACHHHHHHH
      @BLEACHHHHHHH 4 หลายเดือนก่อน

      ​@@MaddyShortsPKthis is an assumption cuz I know html css

  • @chan-te6re
    @chan-te6re ปีที่แล้ว

    thanks

  • @Mugishatheblessed
    @Mugishatheblessed ปีที่แล้ว

    🤩🤩🤩👍👍👍👍👍

  • @rishiraj2548
    @rishiraj2548 ปีที่แล้ว +2

    Good day greetings

  • @ksaha9325
    @ksaha9325 ปีที่แล้ว +1

    problem in flex:1

  • @firosiam7786
    @firosiam7786 ปีที่แล้ว

    Sir chai aur code ko bhoolna nahi

  • @classicaf
    @classicaf หลายเดือนก่อน

    loveee

  • @ashutoshdubey3072
    @ashutoshdubey3072 ปีที่แล้ว

    I think you are late Hitesh
    2-3 sal pahle ye series create krni chahiye thi

    • @HiteshCodeLab
      @HiteshCodeLab  ปีที่แล้ว

      It was created at that time too and was available at pizza prices at Learncodeonline

    • @ashutoshdubey3072
      @ashutoshdubey3072 ปีที่แล้ว

      @@HiteshCodeLab
      BTW, I am also a react-native developer with 4 years of experience. 🙂

    • @callbackcats669
      @callbackcats669 ปีที่แล้ว

      bhaiya i have question ki mai abhi native sikh raha hu so uske baad kya karna chaiye ?and what should i prefer most ?
      web or app dev?

  • @ShiaFiqhMasael
    @ShiaFiqhMasael ปีที่แล้ว

    hy sir plz make doctor appoinment app in react native

  • @TwoTeaTee
    @TwoTeaTee ปีที่แล้ว

    Not many takeaways from this video.