1
00:00:02,200 --> 00:00:09,160
Now what you saw in this module and what's typical for React Native apps is that you have to style a

2
00:00:09,160 --> 00:00:10,810
lot on your own.

3
00:00:10,810 --> 00:00:12,460
The button is a rare exception,

4
00:00:12,460 --> 00:00:17,740
the built-in button I mean, which automatically gives you some base styling and even adjusts itself to

5
00:00:17,740 --> 00:00:19,330
the underlying platform

6
00:00:19,330 --> 00:00:22,650
but other than that, you really have to style everything on your own,

7
00:00:22,660 --> 00:00:24,140
be that a text input,

8
00:00:24,180 --> 00:00:25,220
be that this output,

9
00:00:25,230 --> 00:00:27,910
be that the text here or custom buttons,

10
00:00:27,970 --> 00:00:33,340
you'll have to do a lot of manual styling and component creation in React Native because React Native

11
00:00:33,340 --> 00:00:39,130
only gives you these raw primitives to work with, only the view the text and so on and you have to adjust

12
00:00:39,130 --> 00:00:42,350
them to your requirements and to the look and feel you want to achieve.

13
00:00:43,250 --> 00:00:49,090
Now React Native also actually has an active community and there, some nice third-party packages have

14
00:00:49,090 --> 00:00:55,360
been created which are essentially collections of pre-built components that sometimes even change their

15
00:00:55,360 --> 00:01:01,030
look depending on the platform they're running on, sometimes not but which always give you some prestyled

16
00:01:01,030 --> 00:01:05,020
components you can use and therefore, you might want to look into those

17
00:01:05,020 --> 00:01:09,760
if you're building an app in cases where you want to avoid setting up all these styles on your own,

18
00:01:10,030 --> 00:01:16,270
where you don't have your own strict corporate identity or your own detailed look which you need to

19
00:01:16,270 --> 00:01:18,230
fine tune in every detail,

20
00:01:18,370 --> 00:01:25,090
in such cases, attached you find a link to this document from the expo docs where you find some examples

21
00:01:25,090 --> 00:01:33,610
of popular third-party UI kits, UI component libraries which you can add to your React Native project

22
00:01:33,880 --> 00:01:41,880
which also work in React Native projects created with expo to easily get pre-built components you can

23
00:01:42,000 --> 00:01:49,470
drop into your project. On the pages of these projects, you also see previews of how this would look

24
00:01:49,470 --> 00:01:54,720
like, which style these pre-built components have and how they work and you can always dive into the

25
00:01:54,720 --> 00:02:02,080
docs of these packages to explore which components they for example give you and whether that's something

26
00:02:02,080 --> 00:02:04,820
that might be interesting to you or not.

27
00:02:04,840 --> 00:02:11,410
So checking out these UI kits can be worth it because that can give you certain elements, like pre-built

28
00:02:11,410 --> 00:02:17,980
buttons, pre-built text fields and whatever it is, that look and feel the way you want your app to look

29
00:02:17,980 --> 00:02:22,900
and feel and which then of course saves you the time of building these components on your own because

30
00:02:22,930 --> 00:02:29,260
what you do then is simply you add this library to your project, you install it and of course you always

31
00:02:29,260 --> 00:02:33,070
find installation instructions on these pages as well.

32
00:02:33,070 --> 00:02:39,970
So you install such a library into your project and then all you have to do is you in the end just import

33
00:02:40,000 --> 00:02:45,100
the components you need into your component files and start using them.

34
00:02:45,130 --> 00:02:46,350
So that's really simple,

35
00:02:46,350 --> 00:02:51,540
that's a nice alternative to building everything on your own and it of course depends on what you need in

36
00:02:51,550 --> 00:02:55,830
your app but such kits exist and therefore having a look is definitely worth it.