React Native Flexbox Explained: How to Create Powerful UI

Ғылым және технология

Welcome to a youtube channel dedicated to programming and coding related tutorials. We talk about tech, write code, discuss about cloud and devops. That’s what we do all day, all year. We roll out a lot of series and videos on our channel.
All the learning resources such as code files, documentations, articles and community discussions are available on our website:
chaicode.com/
You can find our discord link, github link etc on the above website.
Twitter/X link: x.com/hiteshdotcom
Discord link: hitesh.ai/discord
Learn React with 10 projects: • Let's learn react from...
Learn Docker: • A practical guide on D...
Learn Kubernetes: • Complete Kubernetes Co...
How does a browser works: • How does a browser wor...
How nodejs works: • How node JS works | En...
Learn Redux-toolkit: • Learn Redux Toolkit in...
Learn NextJS: • Nextjs Full stack course
Learn Typescript: • Why to learn Typescript
Learn Javascript: • Welcome to new JavaScr...
Learn React Native: • React Native Mastery: ...
Learn Zustand: • React state management...
Learn Golang: • How to get started wit...

Пікірлер: 118

  • @balloney2175
    @balloney2175Ай бұрын

    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.

  • @is5ac
    @is5ac11 ай бұрын

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

  • @faizanahmed9304
    @faizanahmed9304 Жыл бұрын

    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

  • @SiddhantaPaul80
    @SiddhantaPaul80 Жыл бұрын

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

  • @AnilKumar-hr5uq
    @AnilKumar-hr5uq22 күн бұрын

    What a beautiful confidence 😮 Thanks a lot ❤

  • @oyeibrahim
    @oyeibrahimАй бұрын

    Lovely and informative video. Thank you for all you do

  • @HimanshuGupta-xm2sj
    @HimanshuGupta-xm2sjАй бұрын

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

  • @RaviSargam
    @RaviSargam Жыл бұрын

    Thank you very much Hitesh Sir for react-native tutorials

  • @visheshgupta4990
    @visheshgupta49907 ай бұрын

    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 🙌🙌

  • @imran6465
    @imran646511 ай бұрын

    Thanks Hitesh sir for this amazing react-native series

  • @YOYO-dl6fe
    @YOYO-dl6fe Жыл бұрын

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

  • @Loi5451
    @Loi5451 Жыл бұрын

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

  • @luanribeiro8456
    @luanribeiro845620 күн бұрын

    Thank you so much, these videos ara amazing

  • @options_with__priccee
    @options_with__priccee Жыл бұрын

    Your javascript course is amazing sir

  • @kramyshan8121
    @kramyshan8121 Жыл бұрын

    Thanks for this tutorial - really good!

  • @dhrumilkhoot1272
    @dhrumilkhoot12726 ай бұрын

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

  • @yuvi6930
    @yuvi69305 ай бұрын

    Thank You sir ! Amazing series really very helpful

  • @anubhavseet004
    @anubhavseet0042 ай бұрын

    Hey Sir thanks for the video.

  • @shwetanshusinha2690
    @shwetanshusinha26905 ай бұрын

    Best tutorial playlist for React Native

  • @maheshpillala1265
    @maheshpillala1265 Жыл бұрын

    Thanks for the series❤

  • @wlqpqpqlqmwnhssisjw6055
    @wlqpqpqlqmwnhssisjw605528 күн бұрын

    awesome video on react native

  • @kakhabervk9405
    @kakhabervk940511 ай бұрын

    Very good explanation, Thanks!

  • @sugarfreecode
    @sugarfreecode8 ай бұрын

    This series is amazing!!

  • @nishantsingh7606
    @nishantsingh7606 Жыл бұрын

    Thanks for the series.

  • @baanuaali2818
    @baanuaali281810 ай бұрын

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

  • @Kaashif03
    @Kaashif032 ай бұрын

    Thanks for the video

  • @ritishsharma4553
    @ritishsharma45532 ай бұрын

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

  • @gauravdhra4919
    @gauravdhra4919 Жыл бұрын

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

  • @techsonaniya8923
    @techsonaniya8923 Жыл бұрын

    Very good teaching skills

  • @learner-zl7zl
    @learner-zl7zl4 ай бұрын

    Thanks for the series

  • @RahulSharma-wz6yv
    @RahulSharma-wz6yv5 ай бұрын

    Awesome video, Thanks for this content

  • @rajneeshkumar7574
    @rajneeshkumar7574 Жыл бұрын

    Awesome explanation sir

  • @unknown6032
    @unknown6032 Жыл бұрын

    Really fun and knowlegable video

  • @SFORSANDEEP
    @SFORSANDEEP Жыл бұрын

    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

    Ай бұрын

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

  • @pprakash_das

    @pprakash_das

    22 күн бұрын

    Thank you so much, brother!!

  • @aniketjha5946
    @aniketjha5946 Жыл бұрын

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

  • @balubalaji9956
    @balubalaji9956 Жыл бұрын

    Appreciate your effort. Thank you

  • @HiteshChoudharydotcom

    @HiteshChoudharydotcom

    Жыл бұрын

    Thanks for watching!

  • @MuneshKumar-ik9qx
    @MuneshKumar-ik9qx10 ай бұрын

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

  • @abhishekbhat4618
    @abhishekbhat4618 Жыл бұрын

    Thanks for making this tutorial

  • @shraddhajaiswal7118
    @shraddhajaiswal711823 күн бұрын

    its Really helpful

  • @bhaveshharne4069
    @bhaveshharne40694 ай бұрын

    Great video sir

  • @VoiceThatMatter
    @VoiceThatMatter14 күн бұрын

    Thank You.

  • @KishoreKumar-fv9dr
    @KishoreKumar-fv9dr Жыл бұрын

    tqs for the session.....

  • @prashantkumar560
    @prashantkumar560 Жыл бұрын

    thanks for this awesome vedio!!!

  • @sonurawat7766
    @sonurawat7766 Жыл бұрын

    Thanks for this tutorial

  • @rohitdhakad3120
    @rohitdhakad3120 Жыл бұрын

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

  • @nageshnaik2651
    @nageshnaik26515 ай бұрын

    Thank You sir❤❤

  • @subhashlama3642
    @subhashlama36422 ай бұрын

    Thanks Bro

  • @shreyash8888
    @shreyash88884 ай бұрын

    Thanks alot❤

  • @chethanhp9030
    @chethanhp9030 Жыл бұрын

    Thank you so much

  • @EAGEEYE321
    @EAGEEYE321 Жыл бұрын

    Thankyou soo much sir

  • @IAmPrasenjitS
    @IAmPrasenjitS9 ай бұрын

    Thank You Sir...

  • @programmingholic
    @programmingholic Жыл бұрын

    Thank you , Following

  • @RohitChhabirajYadav
    @RohitChhabirajYadav11 ай бұрын

    Thank you sir

  • @Aditya.Santra
    @Aditya.Santra Жыл бұрын

    amazing 👍

  • @prafulkumar5909
    @prafulkumar5909 Жыл бұрын

    Thank you sir.....

  • @rajshekharrakshit9058
    @rajshekharrakshit9058 Жыл бұрын

    great one

  • @wazrymohamed1654
    @wazrymohamed1654 Жыл бұрын

    Very clear explanation thank you sir.

  • @financialprogrammer
    @financialprogrammer Жыл бұрын

    thanks 😍

  • @fahadkabooroo7395
    @fahadkabooroo73957 ай бұрын

    React Native Flexbox Explained: How to Create Powerful UI DONE

  • @phoenix7416
    @phoenix7416 Жыл бұрын

    Thanks 😊

  • @virenkhokhar6305
    @virenkhokhar63055 ай бұрын

    thanks sir

  • @rafaatashour
    @rafaatashour Жыл бұрын

    thanks a lot

  • @user-nd4lz3dl2h
    @user-nd4lz3dl2h8 ай бұрын

    Thank yor sir.

  • @B-NikhilRichhariya
    @B-NikhilRichhariya2 ай бұрын

    Thanks >>>>>>>>>

  • @batman_monis
    @batman_monis3 ай бұрын

    Thanks

  • @Selvaram
    @Selvaram Жыл бұрын

    thank you great

  • @132_priyankrai5
    @132_priyankrai5 Жыл бұрын

    Let's raise the bar to match real world applications

  • @ramsem5151
    @ramsem5151 Жыл бұрын

    🔥

  • @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.

  • @deepak21agra
    @deepak21agra Жыл бұрын

    Great

  • @MilindGoel15
    @MilindGoel15 Жыл бұрын

    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

    Жыл бұрын

    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'

  • @khushalgrow
    @khushalgrow5 ай бұрын

    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?

  • @cricketvidz6808
    @cricketvidz6808 Жыл бұрын

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

  • @madhusudandhimar
    @madhusudandhimar Жыл бұрын

    thanks

  • @BhavinKhilnani-km5cu
    @BhavinKhilnani-km5cu18 күн бұрын

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

  • @sktabrez856
    @sktabrez856 Жыл бұрын

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

  • @SagarSharma-wc9bo

    @SagarSharma-wc9bo

    Жыл бұрын

    add height in parent View component

  • @rishiraj2548
    @rishiraj2548 Жыл бұрын

    Good day greetings

  • @HiteshChoudharydotcom

    @HiteshChoudharydotcom

    Жыл бұрын

    You too

  • @codedwebs
    @codedwebs Жыл бұрын

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

  • @brucemugisha4548
    @brucemugisha454810 ай бұрын

    🤩🤩🤩👍👍👍👍👍

  • @devils9212
    @devils921224 күн бұрын

    Can anyone tell me same for tailwind?

  • @AbhishekKumar-nz9dn
    @AbhishekKumar-nz9dn6 ай бұрын

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

  • @suyashsrivastava3671
    @suyashsrivastava3671 Жыл бұрын

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

  • @meltsinoven

    @meltsinoven

    8 ай бұрын

    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.

  • @app.js1
    @app.js17 ай бұрын

    Best Explanation 👍👍👍👍👍👍👍👍

  • @imranmollah2128
    @imranmollah212810 ай бұрын

    what is your theme name?

  • @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

    11 ай бұрын

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

  • @BhavinKhilnani-km5cu

    @BhavinKhilnani-km5cu

    18 күн бұрын

    ​@@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

  • @BhavinKhilnani-km5cu

    @BhavinKhilnani-km5cu

    18 күн бұрын

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

  • @ehsanali7055
    @ehsanali7055 Жыл бұрын

    hy sir plz make doctor appoinment app in react native

  • @firosiam7786
    @firosiam7786 Жыл бұрын

    Sir chai aur code ko bhoolna nahi

  • @ashutoshdubey3072
    @ashutoshdubey3072 Жыл бұрын

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

  • @HiteshChoudharydotcom

    @HiteshChoudharydotcom

    Жыл бұрын

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

  • @ashutoshdubey3072

    @ashutoshdubey3072

    Жыл бұрын

    @@HiteshChoudharydotcom 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?

  • @ksaha9325
    @ksaha9325 Жыл бұрын

    problem in flex:1

  • @TwoTeaTee
    @TwoTeaTee Жыл бұрын

    Not many takeaways from this video.

  • @swire1571
    @swire15718 ай бұрын

  • @rohangope
    @rohangope4 ай бұрын

    thank you sir

  • @debnath0702
    @debnath07024 ай бұрын

    Thanks

  • @md-abid-hussain
    @md-abid-hussain11 ай бұрын

    Great

  • @chan-te6re
    @chan-te6re Жыл бұрын

    thanks

  • @prashanthss
    @prashanthss Жыл бұрын

    Thank you sir

  • @abdur786_
    @abdur786_ Жыл бұрын

    Thank you sir

  • @Gupta.Nikesh
    @Gupta.Nikesh8 ай бұрын

    Thanks

  • @user-sf8ud1yf7b
    @user-sf8ud1yf7b7 ай бұрын

    Thanks

  • @khushalgrow
    @khushalgrow5 ай бұрын

    Thanks

Келесі