10 Must-Have React Native Components 😎
HTML-код
- Опубликовано: 19 июн 2024
- Speed up your React Native app development with these 10 components. Don't reinvent the wheel with every new project!
🔥 Learn React Native FAST: galaxies.dev
The components:
1. Bouncy checkbox github.com/WrathChaos/react-n...
2. Bottom sheet github.com/gorhom/react-nativ...
3. Gifted Chat github.com/FaridSafi/react-na...
4. Charts github.com/FormidableLabs/vic...
5. Toast github.com/calintamas/react-n...
6. Skeleton github.com/danilowoz/react-co...
7. Pager view github.com/callstack/react-na...
8. Blur view docs.expo.dev/versions/latest...
9. Calendar github.com/wix/react-native-c...
10. FlashList shopify.github.io/flash-list/
#############################
❤️ You can also find me on:
Twitter: / schlimmson
Instagram: / simongrimm_
#############################
#reactnative #reactjs
📌Chapters:
00:00 Intro
00:31 Bouncy checkbox
01:03 Bottom sheet
01:43 Gifted Chat
02:33 Charts
03:24 Toast
04:05 Skeleton
05:16 Pager view
06:28 Blur view
07:32 Calendar
08:32 FlashList
09:26 Outro Наука
Become an Expert React Native Developer @ Galaxies.dev and join our space crew 🚀
React Native has so many packages and libraries that just don't get enough attention. Awesome video!
Completely agree, that's what makes the ecosystem so powerful!
Only issue is , it makes your apk 186 mb
@@fluffybunny510 Yeah, I did notice APKs got larger recently with SDK 50. There's an option to bring back smaller APKs again, but I don't think it's really worth it for the projects I'm working on.
So is it better to use just one component library (like gluestack ui) that has almost everything or installing many components individually?
So glad some of these packages are getting the love they deserve ❤
Really cool video!
For number 7, I also recommend react-native-reanimated-carousel.
I would also recommend react-native-drax. Very good for drag n drop.
Love your videos. Straight to the point.
Thanks dude! Amazing tips
absolutely useful video content for everyone. ty.
Great Video, especially the gifted chat package will come very handy once i need to implement my chat feature in the future!!
Oh yeah that one is epic!
Loved it!! This was really helpful
Glad you liked it!!
Thank u! Man! U just save my live with the FlashList and Toast!
Appreciate this video 🙏🏽
Amazing! Please keep doing such great videos!
I certainly will Alex!
Very helpful, thanks! hope you can share more others
Thanks, will do!
Thank you so much!
Hi Simon, great video thank you from NZ! Just one interesting note, Toast does not show in 0.72.6, do you know about this issue ?
Fantastic information
Thanks awesome work
Glad you liked it, give it a share :)
Great! 🧠this is all i need!
Great! More videos like this please 😊
Will do my best 💪
Big fan, Simon.. Great content in your videos. Highly appreciate it.. Can I have the repo of the app you used in this video?
Thank you.
Great this video helps most!🎉
You are welcome mate!
Awesome!
Omg nice vídeo, love your content ❤
Happy to hear - give it a share so more React Native devs can find these components 🙌
great video! and may I ask the Small lights like earth ,I wanna a purchase link😍
I have a Question regarding your Livestream from 15.06.2023 where you build a Ionic Calendar: Do you use Ionic 6 or Ionic 7 in the Stream? And if you´re using Ionic 6, do you think it´ll work with Ionic 7? Would be very important for me to know, thanks!
Great job Simon and awesome video. The pager view animation is done by me. I have the tutorial on my channel. ❤
wow, I'm gonna be paying more attention to your channel now
You are the best Catalin ❤️
Thanks for the wonderful video and knowledge. Is there any package for Blurred text?
Haven't used one yet :/
Thanks Simon
You are welcome!
Thanks! Great stuff :)
I'm currently missing one more thing: a DROPDOWN (HTML Select) for RN :)
Good point, maybe I can find 10 more great packages ✌
Thank You
You're welcome
Great video.
Glad you enjoyed it!
For me the best video about React Native for 2023
Thank you so much!
thank you
Great video
Thank you 💪
Good video!
Thank you Dalvin!
Thanks for this new video, honnestly I felt this update not really smooth with all depencies issues with expo doctor but I think this is temporary.
I am personnaly really confused on the developement build that replaces expo go.
Basically in a perfect word I would like to do hot reload (the app refresh) automatically on my real personnal android device. As of today I am using Expo go but I am wondering If I can swich to something else when I will have to use more native stuff.
You mentionned you talked about it alreay, I just wasn't lucky to find the video so by any chance if you can share me the link this will help me a lot.
Thank you.
How did you enable the underline and vertical line to show the code segment in vscode
You can actually customise that calendar lib to allow selecting date-ranges, I remember finding somebodys solution for that in their github issues
Nice, thanks for pointing out!
Awesome ❤❤❤ can you make more videos about components 🔥🔥🔥🔥🔥🔥🔥
And i need how to build great carousel....
And i need also how can I build login with Google in easy way ...
And some videos about animation...
And i want make search bar linked with flatlist ....
❤❤❤❤❤❤❤
I'll wait for these videos 🔥 becoz Y can explain everything in easy way ❤️❤️🔥
I will try my best!
I'm just new to react native development and want to buy a macbook for development. Pls any recommendations on a good laptop that will perform the tasks smoothly, also am on a tight budget
I'm big fan this video 👌
If you enjoyed it, maybe you can share the channel with your RN colleagues ✌️
Awesome
You are welcome!
Liked and subscribed
Happy to hear that - would be awesome if you could share my channel with others 🙌
A question on the last tool Flashlist. I see you have give your data a flex direction of row but your list is still displayed in a column is that a bug or does flashlist not support horizontal view
each rendered item has a flex direction of row, not the list component. notice that the image and text are next to each other, not vertically laid out
DANMNMNM. thats great!!
Happy I could help!
What are your thoughts on the components in Ark UI? Made by same creators as ChakraUI
Wish the Skelton view was just a wrapper, maybe they’ll do that in future
Maybe ask the creators on the Github repo about it?
More please
Yesss
Hello Simon, For gorhom bottom Sheet How do you darken the background when the bottom sheet is active? ... Also with the toast pkg. I tried calling the toast from my context file but it keeps failing.. Any way around this?
You can use the backdrop component and simply specify your own colors, check out my tutorial here as well: galaxies.dev/react-native-bottom-sheet
For the toast, you need to add at the root of your layout and then call it from anywhere inside your app!
i know this is an old video, but what up with all those bandages Simon?
Pain in the left elbow and right hand - luckily both have improved a lot (now dealing with back pain instead) 😂
I like gifted chat
Which is better, using these kinds of Components or using a UI library (e.g. react-native-paper)?
I think you can do both, they usually offer some great features while a styling library is more a general "theme" for your app and standard components like buttons!
These work on Expo too?
Everything works with Expo
Is it also possible to build desktop application with React Native?
Yes, might have to create a video about that!
@@galaxies_dev Awesome! Would love to see that video soon..
Please Do they all work in expo ?
I'm not sure, but you can easily do a prebuild nowadays!
I can not successfully install the 'Bottom sheet', I keep getting errors and the app stopped assembling
Hey I can do that very very easily I can share you the code if you want! It's really easy!
Are they compatibility with expo go
That's not a criteria anymore, just do a prebuild and you are fine.
@@galaxies_dev please make a dedicated video on fully explaining expo prebuild
Hey Simon.. whats wrong with your hand?
IDK some inflammation, been having problems for months now but working on it 💪
React native vs flutter,
Which is best?
What are the pros and cons of each?
RN is most likely a better choice, working on a new video about that!
Can we get the code for these components, instead of adding them as packages
Why tho
1st
why you prefer Expo there is Future of expo.Everyone is use CLI so plz make video on CLI next time
Expo is the future of React Native.