10 Must-Have React Native Components 😎

Подписаться 91 тыс.

Просмотров 40 тыс.

50% 1

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

Наука

Опубликовано:

13 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 106

@galaxies_dev 7 месяцев назад

Become an Expert React Native Developer @ Galaxies.dev and join our space crew 🚀

@Flash136 7 месяцев назад

React Native has so many packages and libraries that just don't get enough attention. Awesome video!

@galaxies_dev 7 месяцев назад

Completely agree, that's what makes the ecosystem so powerful!

@fluffybunny510 3 месяца назад

Only issue is , it makes your apk 186 mb

@Flash136 3 месяца назад

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

@haiffy 2 месяца назад

So is it better to use just one component library (like gluestack ui) that has almost everything or installing many components individually?

@jrhager84 Месяц назад

So glad some of these packages are getting the love they deserve ❤

@cristikrs5686 6 месяцев назад

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.

@peterxavier1 5 месяцев назад

Love your videos. Straight to the point.

@jona1365 4 месяца назад

Great Video, especially the gifted chat package will come very handy once i need to implement my chat feature in the future!!

@galaxies_dev 4 месяца назад

Oh yeah that one is epic!

@hugopinho9534 7 месяцев назад

Loved it!! This was really helpful

@galaxies_dev 7 месяцев назад

Glad you liked it!!

@umitcelik5508 5 месяцев назад

absolutely useful video content for everyone. ty.

@Alexchtch 7 месяцев назад

Amazing! Please keep doing such great videos!

@galaxies_dev 7 месяцев назад

I certainly will Alex!

@lutinabeats5730 6 месяцев назад

Thank u! Man! U just save my live with the FlashList and Toast!

@ernestogarcia5762 23 дня назад

Thanks dude! Amazing tips

@hwj8640 5 месяцев назад

Very helpful, thanks! hope you can share more others

@galaxies_dev 4 месяца назад

Thanks, will do!

@domthefounder 7 месяцев назад

Appreciate this video 🙏🏽

@teminoah2960 2 месяца назад

Fantastic information Thanks awesome work

@galaxies_dev 2 месяца назад

Glad you liked it, give it a share :)

@anlythree1809 2 месяца назад

Great! 🧠this is all i need!

@willdunertm5047 7 месяцев назад

Omg nice vídeo, love your content ❤

@galaxies_dev 7 месяцев назад

Happy to hear - give it a share so more React Native devs can find these components 🙌

@Howleyy13 7 месяцев назад

Great! More videos like this please 😊

@galaxies_dev 7 месяцев назад

Will do my best 💪

@user-su7ew8id4e 7 месяцев назад

Great this video helps most!🎉

@galaxies_dev 7 месяцев назад

You are welcome mate!

@sachinkanna13 4 месяца назад

Big fan, Simon.. Great content in your videos. Highly appreciate it.. Can I have the repo of the app you used in this video?

@K.Huynh. 6 месяцев назад

Thank you so much!

@VErmuratski 5 месяцев назад

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 ?

@CatalinMironDev 7 месяцев назад

Great job Simon and awesome video. The pager view animation is done by me. I have the tutorial on my channel. ❤

@favouritejome 7 месяцев назад

wow, I'm gonna be paying more attention to your channel now

@galaxies_dev 7 месяцев назад

You are the best Catalin ❤️

@anlythree1809 2 месяца назад

great video! and may I ask the Small lights like earth ,I wanna a purchase link😍

@136machiner 12 дней назад

Awesome!

@udaym4204 7 месяцев назад

Thank you.

@oketimilehin8526 7 месяцев назад

Great video.

@galaxies_dev 7 месяцев назад

Glad you enjoyed it!

@denis3451 7 месяцев назад

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!

@przemekdanysz53 7 месяцев назад

Thanks! Great stuff :) I'm currently missing one more thing: a DROPDOWN (HTML Select) for RN :)

@galaxies_dev 7 месяцев назад

Good point, maybe I can find 10 more great packages ✌

@bladbimer Месяц назад

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.

@aymenbachiri-yh2hd 2 месяца назад

Thank You

@galaxies_dev 2 месяца назад

You're welcome

@codewithdalvin 7 месяцев назад

Good video!

@galaxies_dev 7 месяцев назад

Thank you Dalvin!

@favouritejome 7 месяцев назад

Thanks Simon

@galaxies_dev 7 месяцев назад

You are welcome!

@michel.daligou 7 месяцев назад

For me the best video about React Native for 2023

@galaxies_dev 7 месяцев назад

Thank you so much!

@laxmanadhikari3989 9 дней назад

thank you

@lak729 4 месяца назад

Thanks for the wonderful video and knowledge. Is there any package for Blurred text?

@galaxies_dev 4 месяца назад

Haven't used one yet :/

@kwesikayofficial3078 7 месяцев назад

Great video

@galaxies_dev 7 месяцев назад

Thank you 💪

@alok.01 2 месяца назад

How did you enable the underline and vertical line to show the code segment in vscode

@samuelabidoye6642 4 месяца назад

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

@hssdiv 4 месяца назад

You can actually customise that calendar lib to allow selecting date-ranges, I remember finding somebodys solution for that in their github issues

@galaxies_dev 3 месяца назад

Nice, thanks for pointing out!

@ahmedmehana7690 7 месяцев назад

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 ❤️❤️🔥

@galaxies_dev 7 месяцев назад

I will try my best!

@AmOfGod 6 месяцев назад

Liked and subscribed

@galaxies_dev 6 месяцев назад

Happy to hear that - would be awesome if you could share my channel with others 🙌

@matthewtesimale6434 7 месяцев назад

What are your thoughts on the components in Ark UI? Made by same creators as ChakraUI

@the_ashhar 5 месяцев назад

DANMNMNM. thats great!!

@galaxies_dev 5 месяцев назад

Happy I could help!

@tobisamuel8940 2 месяца назад

Awesome

@galaxies_dev 2 месяца назад

You are welcome!

@domthefounder 7 месяцев назад

Wish the Skelton view was just a wrapper, maybe they’ll do that in future

@galaxies_dev 7 месяцев назад

Maybe ask the creators on the Github repo about it?

@peterkaranja60 7 месяцев назад

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

@kodraa 7 месяцев назад

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

@malekimam1444 7 месяцев назад

Which is better, using these kinds of Components or using a UI library (e.g. react-native-paper)?

@galaxies_dev 7 месяцев назад

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!

@SonAyoD 4 месяца назад

More please

@galaxies_dev 4 месяца назад

Yesss

@davidattah1629 7 месяцев назад

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?

@galaxies_dev 7 месяцев назад

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!