ALL 24 React Native Components Explained In Less Than 9 Minutes

#reactnative #react #javascript
Check out reactnativejobs.com if you are looking for a React Native job or looking to hire React Native developers.
A quick explanation of every React Native core component and how I use them (or don't use them).
Outline
0:00 Intro
0:30 View
0:56 Text
1:32 TextInput
1:52 ScrollView
2:21 FlatList
3:02 SectionList
3:25 ActivityIndicator
3:38 Image
3:44 ImageBackground
3:54 KeyboardAvoidingView
4:25 Modal
4:47 RefreshControl
4:53 SafeAreaView
5:04 StatusBar
5:08 Switch
5:28 TouchableHighlight
5:42 TouchableOpacity
6:09 TouchableWithoutFeedback
6:32 Pressable
6:57 Button
7:14 VirtualizedList
7:31 DrawerLayoutAndroid
7:47 TouchableNativeFeedback
8:11 InputAccessoryView
Support the channel: www.buymeacoffee.com/jimmycook
Subscribe for React Native Videos: / @yim
My Github: github.com/WJimmyCook
Follow me on Twitter:
/ wjimmycook

[@shootnado]

You're a hero, this is just the video I was looking for as a web developer. Thanks!

[@DannyBoy443]

I'm starting to move into React from vanilla JS and this is REALLY helpful to reference and come back to. Well done.

[@appstuff6565]

Short, Concise and to point along with What, Why and How to use in mini packets... amazing. More on react Native please. Thanks! Subbed and liked.

[@m.rizkiaiman6242]

Just found out your channel and your contents are really informative and helpful. Thanks for the great work!

[@lrajoo11]

Thanks so much for this! I'm just starting out and this was absolutely critical

[@laizyeyez2712]

Thanks. Just what I needed.

[@Marcus99998]

Awesome stuff man! Keep it up!

[@tacobabyman1215]

Thank You Mr Cook. This is extremely helpful.

[@Tony186x]

Awesome stuff, kinda new, really clear things up for me thx

[@iamkrishn]

Short and Simple! Thanks for the video! :)

[@zihangjin9186]

This is so helpful! Thank you!

[@spud299]

Man this is exactly what I was looking for thank you so much for making this you explained them so well

[@yim]

Glad you enjoyed it

[@MyRc16]

Thank you so much!!! finayllye someone explained this! 😍😍

[@yim]

Glad it was helpful!

[@h.t.8812]

that's great, thank you!

[@rajeevbhosle1580]

thanks for video, i wish i could see full playlist on react native from you.

[@aymaneelmai3053]

Thank you for sharing.

[@salahalsamarraaee650]

Thanks for the great work.

[@sourabhsoni148]

just what I needed thx bro

[@cellularmitosis2]

Very useful, thanks!

[@nikachan816]

Yes, you're right this is useful. I was searching for a while for a video like this.

[@yim]

Glad you got something out of it!

[@meditataor]

This was a great video

Amazing. Many thanks

[@Tayguman]

this is very good thanks!

[@mariumbegum7325]

Fantastic video!

[@harshilparmar9076]

Thank you so much

[@lawp3537]

Super great! Thank U

[@herbertk9266]

Thanks a lot your tutorials are always helpful

[@yim]

Happy you are enjoying them!

[@timz5418]

Thanks, very useful.

[@ashuvssut]

Awesome content!!!

[@yim]

Thanks!

[@safeerahmad8719]

very helpfull jim thanks love

[@salmantanirverdiyev872]

Great Thanks for the video

[@wevertonsantiago4305]

Thanks! New subs here!

[@Fuckutube547465]

Thanks for making this quality content! Always appreciated :)

[@yim]

Glad you enjoy it!

[@rockNbrain]

Nice job!

[@Alphfirm]

Thanks!

[@marchanselthomas7393]

Amazing content and animations

[@yim]

Thanks man!

[@nabeelmhd669]

I'm starting to develop mobile app. Coming React js, This is EXACTLY the video I was looking for.

[@MikoajKaleta]

nice job

[@coolsai]

thanks 😊👍🏻

[@cosmicstranger4194]

Not the tutorial we deserved, but we all wanted.
Amazing

[@yim]

Thanks!

[@case6339]

Thanks for this overview. I hope you do a best practices in 2020 kind of video too.

[@yim]

What kinds of best practices are you interested in?

[@case6339]

@@yim Thanks for the reply. Some interesting topics for that could be for me, anyone of: "modern state management", "effective hooks use", "increasing performance", or "recommended 3rd party libraries"... those kind of things.

[@SPribyt]

thank you

[@nfaical3]

Thanks

[@leonelkahameni5315]

great thanks

[@yim]

👍

[@mitexz]

amazing video

[@yim]

Thanks!

[@sakugacodeworks]

Bro. Go down to the costume store and buy a cape, you’re a hero.

[@yim]

hahaha

[@digitalartee]

Very informative and helpful. Hope you can make a latest version, if any :) Thanks.

[@ibrahimtraore1230]

thank u

[@DevlogBill]

Hi Jimmy, excellent video. This video was very helpful I wrote it all down for a project I am thinking about working on today. I am still learning React. I just figured out how to use the useState(); for Arrays when you want to delete an item on a list or delete the entire list one by one. Now I will learn useEffect today. I was wondering what other methods do I need to learn before creating my first React-Native app? Is useState and useEffect good enough or should I consider other things? I am thinking about creating a basic mobile app blog for iOS only as my first project. Later I will add it for Android. Basically, I would like to create a basic blog app where people within my family can post a simple message and others and read the message and post their own message, nothing too fancy. I am still working out the idea as I go along even designed on paper the UI/UX to get a better idea of what I need. I will figure out the rest as I go along, thank you Jimmy.

[@yim]

I think you should start building it. You can figure out anything else you need along the way.

[@DevlogBill]

@@yim thanks

[@EshwarNorthEast]

Hey Jimmy! So inspired by this content. I was wondering if ReactNative has some feature where I could stream voice from microphone to a server. Any idea how to do this. Any reply would really help

[@yim]

I’m not sure how to do this but it sounds possible. Might have to jump into some native code if you can’t find a library that has all the microphone features you need

[@EshwarNorthEast]

I'm just starting out so I'm unsure how to integrate native code and RN. Any light on this.

[@yim]

Cross that bridge when you get to it. Just start building and when you reach a point where you can’t do something with react native then just figure out how to do that specific thing in native.

[@EshwarNorthEast]

Thanks a lot Jimmy!

[@kvo6307]

Have new components been released since when the video was uploaded?

[@yim]

I don’t think so and it doesn’t seem like there are any new components in the works

[@hidami3241]

How do you learn React Native and what are the things I need to know before learning React native?

[@yim]

imo, the only way to learn react native is to build an app! Whatever you don't know you can figure out along the way.

[@davidfield2030]

Have you ever compared react native with flutter?

[@yim]

Never tried flutter.

[@fastneasy]

video idea: video equivalent of cheatsheet for react and react native

[@CreativeJE]

Nice video but I tried pressable it didn't give the ripple effect 😐

[@yim]

I haven't tried it yet but there's a prop to set the ripple effect reactnative.dev/docs/pressable#android_ripple

[@CreativeJE]

@@yim I tried with the prop, I think there might be some bugs

[@yim]

Wouldn’t surprise me 🤣

[@keot777]

Why does React Native need to implement "web like" code?

[@paintdrovert381]

Me : uses react js
Jimmy : "...the fundamental building block of all your interfaces the.."
Me : div
Jimmy : "View"
Me : what's that?