1
00:00:02,290 --> 00:00:06,240
That's it for this module and also for this app now.

2
00:00:06,400 --> 00:00:11,740
You learned a lot about React Native in general, how to work with components there and in this module,

3
00:00:12,010 --> 00:00:18,960
you learned a lot about adjusting your user interface to different device sizes, width and height.

4
00:00:19,030 --> 00:00:24,970
You learned how to dynamically calculate values if you need to, based on the available width and height

5
00:00:25,510 --> 00:00:32,440
and you also learned how you can actually also make sure that you don't lock in your width or height

6
00:00:32,470 --> 00:00:40,000
when your app first renders but that you useState and useEffect and dimensions add event listener to

7
00:00:40,000 --> 00:00:46,570
re-evaluate and recalculate your dimensions when the orientation changes for example, which is of course

8
00:00:46,810 --> 00:00:49,000
a crucial feature.

9
00:00:49,090 --> 00:00:55,990
We also had a look at platform-specific code, for example by using platform specific files or in most

10
00:00:55,990 --> 00:01:03,640
cases, by using the platform API which you can then use with platform select with if checks or with ternary

11
00:01:03,640 --> 00:01:09,780
expressions as we're doing it here to render different styles, lay things out differently or render differentiates

12
00:01:09,860 --> 00:01:12,940
jsx code based on the platform you're running on.

13
00:01:12,940 --> 00:01:18,610
And with that you have all the tools you need to build applications with one codebase where you still

14
00:01:18,610 --> 00:01:23,980
have a couple of if checks in there for different platforms or different sizes, to have a project where

15
00:01:23,980 --> 00:01:29,590
you work in one project only, in one codebase but where you are still flexible enough to render different

16
00:01:29,590 --> 00:01:35,410
layouts, different styles based on the device size and based on the platform you're targeting.