WEBVTT

1
00:00:03.105 --> 00:00:04.085
<00:00:03.105>So <00:00:03.546>let's <00:00:03.987>start.

2
00:00:04.545 --> 00:00:07.165
<00:00:04.545>So, <00:00:04.825>uh, <00:00:05.104>for <00:00:05.385>today <00:00:05.665>talk, <00:00:05.945>um,

3
00:00:07.555 --> 00:00:09.605
<00:00:07.555>I'll <00:00:07.755>talk <00:00:07.955>about <00:00:08.154>making <00:00:08.355>the <00:00:08.555>speech <00:00:08.754>from <00:00:08.955>web

4
00:00:09.625 --> 00:00:10.685
<00:00:09.625>to <00:00:10.102>mobile <00:00:10.579>development.

5
00:00:11.105 --> 00:00:13.725
<00:00:11.105>So <00:00:11.260>I <00:00:11.416>will <00:00:11.571>go <00:00:11.727>over <00:00:11.882>the <00:00:12.038>challenges <00:00:12.193>you <00:00:12.349>will <00:00:12.505>face,

6
00:00:13.995 --> 00:00:17.045
<00:00:13.995>face <00:00:14.150>on <00:00:14.306>your <00:00:14.461>journey <00:00:14.617>when <00:00:14.772>utilization <00:00:14.928>from <00:00:15.083>web <00:00:15.239>to <00:00:15.395>mobile.

7
00:00:17.645 --> 00:00:20.565
<00:00:17.645>I <00:00:17.820>will <00:00:17.995>talk <00:00:18.169>about, <00:00:18.345>about <00:00:18.520>how <00:00:18.695>to <00:00:18.870>start, <00:00:19.044>uh,

8
00:00:20.685 --> 00:00:23.125
<00:00:20.685>building <00:00:20.918>mobile <00:00:21.151>applications <00:00:21.384>coming <00:00:21.618>from <00:00:21.851>the <00:00:22.084>web,

9
00:00:23.665 --> 00:00:26.205
<00:00:23.665>and <00:00:23.840>I <00:00:24.015>will <00:00:24.189>cover <00:00:24.365>some <00:00:24.540>of <00:00:24.715>the <00:00:24.890>differences, <00:00:25.064>challenges,

10
00:00:26.305 --> 00:00:29.125
<00:00:26.305>and <00:00:26.460>advantages <00:00:26.616>to <00:00:26.771>keep <00:00:26.927>in <00:00:27.082>mind <00:00:27.238>when <00:00:27.393>diving <00:00:27.549>into <00:00:27.705>the

11
00:00:29.125 --> 00:00:30.485
<00:00:29.125>Native <00:00:29.737>App <00:00:30.349>universe.

12
00:00:32.025 --> 00:00:33.845
<00:00:32.025>Uh, <00:00:32.305>so <00:00:32.585>as <00:00:32.864>I <00:00:33.144>said, <00:00:33.425>um,

13
00:00:34.145 --> 00:00:36.845
<00:00:34.145>I'm <00:00:34.320>a <00:00:34.495>software <00:00:34.670>engineer <00:00:34.845>working <00:00:35.020>in <00:00:35.195>the <00:00:35.370>balanced <00:00:35.545>soft

14
00:00:36.845 --> 00:00:39.845
<00:00:36.845>company, <00:00:37.078>uh, <00:00:37.311>with <00:00:37.545>experience <00:00:37.778>working <00:00:38.011>on <00:00:38.245>React

15
00:00:39.905 --> 00:00:41.765
<00:00:39.905>and <00:00:40.371>React <00:00:40.838>native <00:00:41.305>applications.

16
00:00:42.185 --> 00:00:44.085
<00:00:42.185>You <00:00:42.465>can <00:00:42.745>find <00:00:43.025>me <00:00:43.305>on <00:00:43.585>Instagram

17
00:00:44.345 --> 00:00:48.765
<00:00:44.345>and <00:00:44.519>Twitter <00:00:44.695>as <00:00:44.870>so, <00:00:45.045>uh, <00:00:45.220>working <00:00:45.394>in <00:00:45.570>my <00:00:45.745>company

18
00:00:49.185 --> 00:00:51.005
<00:00:49.185>for <00:00:49.465>almost, <00:00:49.745>uh, <00:00:50.025>five <00:00:50.305>years <00:00:50.585>now.

19
00:00:51.745 --> 00:00:54.565
<00:00:51.745>And, <00:00:51.919>um, <00:00:52.095>the <00:00:52.269>company <00:00:52.445>is <00:00:52.620>located <00:00:52.794>in <00:00:52.970>Serbian <00:00:53.144>City

20
00:00:54.565 --> 00:00:55.605
<00:00:54.565>Niche, <00:00:54.799>as <00:00:55.032>I <00:00:55.266>said <00:00:55.501>before.

21
00:00:56.385 --> 00:01:01.245
<00:00:56.385>So <00:00:56.559>let's <00:00:56.735>start, <00:00:56.910>uh, <00:00:57.085>first, <00:00:57.260>um, <00:00:57.434>for <00:00:57.610>web <00:00:57.785>development

22
00:01:01.425 --> 00:01:02.605
<00:01:01.425>and <00:01:01.955>web <00:01:02.486>applications.

23
00:01:02.905 --> 00:01:05.805
<00:01:02.905>So <00:01:03.080>web <00:01:03.255>applications <00:01:03.430>are <00:01:03.605>built <00:01:03.780>using <00:01:03.955>the <00:01:04.129>standard <00:01:04.305>web

24
00:01:05.805 --> 00:01:10.085
<00:01:05.805>technologies <00:01:06.155>including <00:01:06.505>H-T-M-L-C-S-S <00:01:06.855>and <00:01:07.205>JavaScript.

25
00:01:11.025 --> 00:01:14.725
<00:01:11.025>And <00:01:11.165>they <00:01:11.305>run <00:01:11.445>inside <00:01:11.585>of <00:01:11.725>the <00:01:11.865>standard <00:01:12.005>web <00:01:12.145>browser <00:01:12.285>like <00:01:12.425>Chrome,

26
00:01:14.995 --> 00:01:16.325
<00:01:14.995>Firefox, <00:01:15.593>or <00:01:16.192>Safari.

27
00:01:17.065 --> 00:01:19.085
<00:01:17.065>And <00:01:17.345>also <00:01:17.625>for <00:01:17.905>the <00:01:18.185>web <00:01:18.465>application.

28
00:01:19.155 --> 00:01:23.245
<00:01:19.155>They're <00:01:19.310>built <00:01:19.466>and <00:01:19.621>hosted <00:01:19.777>just <00:01:19.932>like <00:01:20.088>any <00:01:20.243>other <00:01:20.399>web <00:01:20.555>application

29
00:01:23.505 --> 00:01:25.405
<00:01:23.505>or <00:01:23.785>or <00:01:24.065>website <00:01:24.345>on <00:01:24.625>the <00:01:24.905>internet.

30
00:01:25.985 --> 00:01:27.725
<00:01:25.985>And <00:01:26.265>the <00:01:26.545>only <00:01:26.825>real <00:01:27.105>difference <00:01:27.385>is

31
00:01:27.725 --> 00:01:31.125
<00:01:27.725>that <00:01:27.865>web <00:01:28.005>applications <00:01:28.145>is <00:01:28.285>also <00:01:28.425>can <00:01:28.565>be <00:01:28.705>run <00:01:28.845>on <00:01:28.985>the <00:01:29.125>mobile

32
00:01:31.355 --> 00:01:32.725
<00:01:31.355>devices <00:01:31.766>from <00:01:32.176>the <00:01:32.588>browser.

33
00:01:33.105 --> 00:01:36.045
<00:01:33.104>And <00:01:33.454>there <00:01:33.804>is <00:01:34.154>are <00:01:34.505>responsive.

34
00:01:36.425 --> 00:01:39.685
<00:01:36.425>Uh, <00:01:36.625>so <00:01:36.825>when <00:01:37.024>you're <00:01:37.225>building <00:01:37.425>the <00:01:37.625>web <00:01:37.825>application,

35
00:01:40.065 --> 00:01:42.565
<00:01:40.065>who <00:01:40.265>will <00:01:40.465>look <00:01:40.664>good <00:01:40.865>as <00:01:41.065>well <00:01:41.265>on <00:01:41.465>mobile

36
00:01:42.945 --> 00:01:44.565
<00:01:42.945>and <00:01:43.411>uh, <00:01:43.878>web, <00:01:44.345>uh,

37
00:01:44.625 --> 00:01:47.525
<00:01:44.625>the <00:01:44.780>approach <00:01:44.936>you <00:01:45.091>should <00:01:45.247>do <00:01:45.402>is <00:01:45.558>the <00:01:45.713>mobile <00:01:45.869>first <00:01:46.025>approach,

38
00:01:48.345 --> 00:01:51.885
<00:01:48.345>but <00:01:48.625>starting <00:01:48.905>with, <00:01:49.185>uh, <00:01:49.465>native <00:01:49.745>development

39
00:01:52.185 --> 00:01:56.005
<00:01:52.185>and <00:01:52.360>to <00:01:52.535>write <00:01:52.710>the <00:01:52.885>successful <00:01:53.060>native <00:01:53.235>applications <00:01:53.410>that <00:01:53.585>needs

40
00:01:56.005 --> 00:01:59.645
<00:01:56.005>to <00:01:56.179>be <00:01:56.354>accessible <00:01:56.530>both <00:01:56.705>for <00:01:56.880>iOS <00:01:57.054>and <00:01:57.229>Android <00:01:57.405>user.

41
00:02:00.345 --> 00:02:01.405
<00:02:00.345>Uh, <00:02:00.822>for <00:02:01.299>iOS

42
00:02:01.505 --> 00:02:02.845
<00:02:01.505>and <00:02:02.108>Android <00:02:02.711>apps,

43
00:02:02.845 --> 00:02:06.605
<00:02:02.845>applications <00:02:03.078>are <00:02:03.311>written <00:02:03.545>in <00:02:03.778>completely <00:02:04.011>different <00:02:04.245>languages.

44
00:02:07.065 --> 00:02:10.045
<00:02:07.065>Um, <00:02:07.298>I <00:02:07.531>uses <00:02:07.765>Swift <00:02:07.998>or <00:02:08.231>objective <00:02:08.465>C

45
00:02:10.225 --> 00:02:13.125
<00:02:10.225>and <00:02:10.505>Android <00:02:10.785>uses <00:02:11.065>Java <00:02:11.345>or <00:02:11.625>coly,

46
00:02:13.585 --> 00:02:15.525
<00:02:13.585>and <00:02:13.760>you <00:02:13.935>will <00:02:14.110>need <00:02:14.285>to <00:02:14.460>create <00:02:14.635>the <00:02:14.810>two <00:02:14.985>separate

47
00:02:15.785 --> 00:02:18.245
<00:02:15.785>but <00:02:16.065>identical <00:02:16.345>applications <00:02:16.625>if <00:02:16.905>you <00:02:17.185>want

48
00:02:18.475 --> 00:02:23.045
<00:02:18.475>that <00:02:18.630>your <00:02:18.786>applications <00:02:18.941>run <00:02:19.097>on <00:02:19.252>both <00:02:19.408>iOS <00:02:19.563>and <00:02:19.719>Android <00:02:19.875>platform.

49
00:02:23.905 --> 00:02:28.645
<00:02:23.905>So <00:02:24.032>that <00:02:24.159>means <00:02:24.286>that, <00:02:24.414>uh, <00:02:24.541>you <00:02:24.668>will <00:02:24.795>need <00:02:24.923>to <00:02:25.050>have <00:02:25.177>the <00:02:25.305>separate,

50
00:02:29.145 --> 00:02:33.285
<00:02:29.145>uh, <00:02:29.345>teams <00:02:29.545>in <00:02:29.745>uh, <00:02:29.945>order <00:02:30.145>to, <00:02:30.345>uh, <00:02:30.545>develop

51
00:02:33.425 --> 00:02:34.965
<00:02:33.425>and <00:02:33.887>maintain <00:02:34.349>this <00:02:34.811>application.

52
00:02:35.505 --> 00:02:37.885
<00:02:35.505>So <00:02:35.785>it <00:02:36.065>can <00:02:36.345>become <00:02:36.625>increasingly <00:02:36.905>difficult

53
00:02:38.065 --> 00:02:42.005
<00:02:38.065>to <00:02:38.181>keep <00:02:38.298>the <00:02:38.415>UI <00:02:38.531>the <00:02:38.648>features <00:02:38.765>in <00:02:38.881>sync <00:02:38.998>in <00:02:39.115>both <00:02:39.231>of <00:02:39.348>the <00:02:39.465>platforms

54
00:02:42.505 --> 00:02:43.565
<00:02:42.505>and <00:02:42.982>maintain <00:02:43.459>them

55
00:02:43.705 --> 00:02:46.365
<00:02:43.704>and <00:02:43.880>also, <00:02:44.054>uh, <00:02:44.230>pay <00:02:44.404>the <00:02:44.579>engineering <00:02:44.755>team <00:02:44.929>as <00:02:45.105>well.

56
00:02:46.985 --> 00:02:48.645
<00:02:46.985>So <00:02:47.335>instead <00:02:47.685>of <00:02:48.035>having <00:02:48.385>the

57
00:02:48.705 --> 00:02:51.325
<00:02:48.704>to <00:02:48.938>write <00:02:49.171>the <00:02:49.404>same <00:02:49.638>application <00:02:49.871>multiple <00:02:50.105>times,

58
00:02:51.705 --> 00:02:55.605
<00:02:51.704>you <00:02:51.860>can <00:02:52.016>write <00:02:52.171>the, <00:02:52.327>uh, <00:02:52.482>you <00:02:52.638>can <00:02:52.793>use <00:02:52.949>React <00:02:53.105>native

59
00:02:55.865 --> 00:02:58.285
<00:02:55.865>to <00:02:56.145>write <00:02:56.425>the <00:02:56.705>cross <00:02:56.985>platform <00:02:57.265>applications

60
00:02:58.475 --> 00:03:00.565
<00:02:58.475>that <00:02:58.825>mean <00:02:59.174>the <00:02:59.525>most <00:02:59.875>part.

61
00:03:00.665 --> 00:03:04.485
<00:03:00.665>We <00:03:00.840>no <00:03:01.015>longer <00:03:01.190>require <00:03:01.364>deep <00:03:01.540>understanding <00:03:01.715>of <00:03:01.890>objective <00:03:02.065>C

62
00:03:04.585 --> 00:03:08.325
<00:03:04.585>or <00:03:04.740>Java <00:03:04.896>in <00:03:05.051>order <00:03:05.207>to <00:03:05.362>effectively <00:03:05.518>be <00:03:05.673>be <00:03:05.829>mobile <00:03:05.985>developers.

63
00:03:08.835 --> 00:03:13.245
<00:03:08.835>Instead, <00:03:08.990>we <00:03:09.146>can <00:03:09.301>use <00:03:09.457>existing <00:03:09.612>knowledge <00:03:09.768>of, <00:03:09.923>um, <00:03:10.079>the <00:03:10.235>Java,

64
00:03:13.355 --> 00:03:16.885
<00:03:13.355>Java <00:03:13.588>script <00:03:13.821>and, <00:03:14.054>um, <00:03:14.288>you <00:03:14.521>will, <00:03:14.755>you,

65
00:03:16.945 --> 00:03:18.965
<00:03:16.945>you <00:03:17.178>can <00:03:17.411>create <00:03:17.644>a <00:03:17.878>cross <00:03:18.111>platform <00:03:18.345>applications.

66
00:03:19.705 --> 00:03:24.245
<00:03:19.704>And <00:03:19.844>so <00:03:19.984>in <00:03:20.124>our <00:03:20.265>firm, <00:03:20.404>we <00:03:20.545>needed <00:03:20.684>to <00:03:20.825>make, <00:03:20.964>um, <00:03:21.105>application

67
00:03:24.505 --> 00:03:26.285
<00:03:24.505>for <00:03:24.855>both <00:03:25.204>US <00:03:25.555>and <00:03:25.905>Android

68
00:03:26.865 --> 00:03:29.205
<00:03:26.865>and <00:03:27.040>we <00:03:27.215>chose <00:03:27.390>to <00:03:27.565>go <00:03:27.740>with <00:03:27.915>React <00:03:28.090>native, <00:03:28.265>uh,

69
00:03:29.205 --> 00:03:31.445
<00:03:29.204>because <00:03:29.404>of <00:03:29.605>the, <00:03:29.804>these <00:03:30.005>reasons <00:03:30.204>I <00:03:30.404>told <00:03:30.605>you.

70
00:03:31.445 --> 00:03:33.565
<00:03:31.445>And <00:03:31.644>because <00:03:31.845>of <00:03:32.045>the <00:03:32.245>faster <00:03:32.445>development <00:03:32.644>you <00:03:32.845>have,

71
00:03:34.065 --> 00:03:37.685
<00:03:34.065>you <00:03:34.192>will <00:03:34.319>get <00:03:34.446>a <00:03:34.574>single <00:03:34.701>code <00:03:34.828>base <00:03:34.955>for <00:03:35.083>two <00:03:35.210>application, <00:03:35.337>both <00:03:35.465>I

72
00:03:37.905 --> 00:03:41.005
<00:03:37.905>and <00:03:38.080>Android, <00:03:38.255>but <00:03:38.430>it <00:03:38.605>also <00:03:38.780>has <00:03:38.955>one <00:03:39.130>more <00:03:39.305>advantage.

73
00:03:41.225 --> 00:03:42.925
<00:03:41.225>And <00:03:41.505>that <00:03:41.785>is <00:03:42.065>for <00:03:42.345>the <00:03:42.625>web

74
00:03:43.025 --> 00:03:46.525
<00:03:43.025>and <00:03:43.258>JavaScript <00:03:43.491>developers, <00:03:43.725>especially <00:03:43.958>for <00:03:44.191>React <00:03:44.425>developers,

75
00:03:47.065 --> 00:03:49.765
<00:03:47.065>uh, <00:03:47.265>who <00:03:47.465>are <00:03:47.665>transitioning <00:03:47.865>to <00:03:48.065>the <00:03:48.265>React <00:03:48.465>native

76
00:03:50.345 --> 00:03:52.485
<00:03:50.345>and, <00:03:50.578>uh, <00:03:50.811>all <00:03:51.045>of <00:03:51.278>similarities <00:03:51.511>they <00:03:51.745>have.

77
00:03:54.105 --> 00:03:58.845
<00:03:54.105>So, <00:03:54.232>uh, <00:03:54.359>react <00:03:54.486>Native, <00:03:54.614>as <00:03:54.741>I <00:03:54.868>said, <00:03:54.995>is <00:03:55.123>a <00:03:55.250>really <00:03:55.377>great <00:03:55.505>path

78
00:03:58.985 --> 00:04:02.565
<00:03:58.985>to <00:03:59.140>go <00:03:59.296>if <00:03:59.451>you <00:03:59.607>are, <00:03:59.762>uh, <00:03:59.918>familiar <00:04:00.073>with <00:04:00.229>uh, <00:04:00.385>react

79
00:04:03.225 --> 00:04:05.365
<00:04:03.225>or <00:04:03.505>you <00:04:03.785>are <00:04:04.065>like <00:04:04.345>web <00:04:04.625>developer.

80
00:04:05.825 --> 00:04:07.325
<00:04:05.825>So <00:04:06.095>you <00:04:06.364>can <00:04:06.635>choose <00:04:06.905>React <00:04:07.174>native

81
00:04:07.625 --> 00:04:10.845
<00:04:07.625>and <00:04:07.780>create <00:04:07.936>with <00:04:08.091>one <00:04:08.247>single <00:04:08.402>code <00:04:08.558>base, <00:04:08.713>the <00:04:08.869>two <00:04:09.025>application

82
00:04:10.865 --> 00:04:13.245
<00:04:10.865>for <00:04:11.215>both <00:04:11.565>As <00:04:11.915>and <00:04:12.265>Android.

83
00:04:14.585 --> 00:04:19.085
<00:04:14.585>So <00:04:14.760>starting <00:04:14.935>with <00:04:15.110>React <00:04:15.285>natives <00:04:15.460>native <00:04:15.635>may <00:04:15.810>come <00:04:15.985>naturally

84
00:04:19.145 --> 00:04:22.925
<00:04:19.144>for <00:04:19.320>React <00:04:19.495>developers <00:04:19.669>because <00:04:19.844>of <00:04:20.019>all <00:04:20.195>similarities <00:04:20.370>you <00:04:20.544>have.

85
00:04:23.105 --> 00:04:26.005
<00:04:23.105>If <00:04:23.260>you <00:04:23.416>use <00:04:23.571>React <00:04:23.727>as <00:04:23.882>well <00:04:24.038>from <00:04:24.193>for <00:04:24.349>the <00:04:24.505>web,

86
00:04:26.385 --> 00:04:27.925
<00:04:26.385>you <00:04:26.731>will <00:04:27.078>still <00:04:27.424>use <00:04:27.771>components.

87
00:04:28.145 --> 00:04:29.485
<00:04:28.145>You <00:04:28.446>are <00:04:28.748>familiar <00:04:29.049>with <00:04:29.351>state

88
00:04:29.545 --> 00:04:33.205
<00:04:29.545>and <00:04:29.745>props, <00:04:29.945>you <00:04:30.145>overuse <00:04:30.345>the <00:04:30.545>jsx <00:04:30.745>JS <00:04:30.945>X

89
00:04:33.785 --> 00:04:37.125
<00:04:33.784>and <00:04:33.940>you <00:04:34.096>can <00:04:34.251>still <00:04:34.407>use <00:04:34.562>your <00:04:34.718>f <00:04:34.873>favorite <00:04:35.029>state <00:04:35.184>management.

90
00:04:37.945 --> 00:04:40.325
<00:04:37.945>But <00:04:38.178>when <00:04:38.411>you <00:04:38.645>start <00:04:38.878>going <00:04:39.111>deeper, <00:04:39.344>uh,

91
00:04:40.505 --> 00:04:42.005
<00:04:40.505>you <00:04:40.775>can <00:04:41.045>see <00:04:41.315>the <00:04:41.585>more <00:04:41.855>differences

92
00:04:42.345 --> 00:04:45.365
<00:04:42.345>and <00:04:42.545>challenges <00:04:42.745>you <00:04:42.945>have <00:04:43.145>to <00:04:43.345>learn <00:04:43.545>and <00:04:43.745>overcame

93
00:04:45.595 --> 00:04:48.805
<00:04:45.595>because <00:04:45.795>the <00:04:45.995>mobile <00:04:46.195>world <00:04:46.395>is <00:04:46.595>a <00:04:46.795>completely <00:04:46.995>whole

94
00:04:48.805 --> 00:04:49.885
<00:04:48.805>new <00:04:49.048>world <00:04:49.291>from <00:04:49.534>the <00:04:49.777>web.

95
00:04:50.545 --> 00:04:53.605
<00:04:50.545>So <00:04:50.700>I <00:04:50.856>will <00:04:51.011>go <00:04:51.167>over <00:04:51.322>now <00:04:51.478>for <00:04:51.633>all <00:04:51.789>the <00:04:51.945>differences

96
00:04:53.785 --> 00:04:55.245
<00:04:53.784>and <00:04:54.113>challenges <00:04:54.442>you <00:04:54.770>will <00:04:55.099>face.

97
00:04:55.545 --> 00:04:59.965
<00:04:55.545>Uh, <00:04:55.720>when <00:04:55.895>diving <00:04:56.070>into <00:04:56.245>the <00:04:56.420>native <00:04:56.595>app <00:04:56.770>universe, <00:04:56.945>uh,

98
00:05:00.225 --> 00:05:03.205
<00:05:00.225>the <00:05:00.425>first <00:05:00.625>challenge <00:05:00.825>you <00:05:01.025>will <00:05:01.225>face <00:05:01.425>is <00:05:01.625>development.

99
00:05:03.465 --> 00:05:05.485
<00:05:03.465>So <00:05:03.640>for <00:05:03.815>the <00:05:03.989>web, <00:05:04.164>you <00:05:04.340>will <00:05:04.515>use <00:05:04.690>the <00:05:04.864>browser

100
00:05:05.745 --> 00:05:08.645
<00:05:05.745>and <00:05:05.920>you <00:05:06.095>will <00:05:06.270>use <00:05:06.445>the <00:05:06.620>tech <00:05:06.795>center <00:05:06.970>like, <00:05:07.145>um,

101
00:05:09.465 --> 00:05:13.005
<00:05:09.465>visual <00:05:09.698>Studio <00:05:09.931>Code, <00:05:10.164>WebStorm <00:05:10.398>or <00:05:10.631>some <00:05:10.864>other.

102
00:05:13.665 --> 00:05:17.285
<00:05:13.665>And <00:05:13.820>we're <00:05:13.976>where <00:05:14.131>you <00:05:14.287>are <00:05:14.442>developing <00:05:14.598>the <00:05:14.753>mobile <00:05:14.909>application <00:05:15.065>in

103
00:05:17.295 --> 00:05:20.965
<00:05:17.295>React <00:05:17.470>Native, <00:05:17.645>you're <00:05:17.820>also <00:05:17.995>developing <00:05:18.170>for <00:05:18.345>IS <00:05:18.520>and <00:05:18.695>Android

104
00:05:21.505 --> 00:05:24.885
<00:05:21.505>and <00:05:21.632>for, <00:05:21.759>uh, <00:05:21.886>the <00:05:22.014>mobile <00:05:22.141>development <00:05:22.268>you <00:05:22.395>will <00:05:22.523>have <00:05:22.650>to <00:05:22.777>set <00:05:22.905>up

105
00:05:24.985 --> 00:05:28.365
<00:05:24.985>and <00:05:25.185>get <00:05:25.385>familiar <00:05:25.585>with <00:05:25.785>Xcode <00:05:25.985>and <00:05:26.185>Android <00:05:26.385>Studio.

106
00:05:30.025 --> 00:05:32.725
<00:05:30.025>The <00:05:30.164>second <00:05:30.304>thing <00:05:30.445>I <00:05:30.585>want <00:05:30.724>to <00:05:30.864>talk <00:05:31.005>about <00:05:31.145>is <00:05:31.284>the <00:05:31.424>emulator,

107
00:05:32.725 --> 00:05:34.165
<00:05:32.725>simulators <00:05:33.373>and <00:05:34.021>devices.

108
00:05:34.275 --> 00:05:38.805
<00:05:34.275>Because <00:05:34.414>for <00:05:34.554>web <00:05:34.695>development <00:05:34.835>you <00:05:34.974>only <00:05:35.114>need <00:05:35.255>a <00:05:35.395>browser <00:05:35.534>for <00:05:35.674>web.

109
00:05:38.805 --> 00:05:40.125
<00:05:38.805>You're <00:05:39.201>familiar <00:05:39.597>with <00:05:39.993>browser.

110
00:05:40.305 --> 00:05:42.245
<00:05:40.305>It <00:05:40.505>is <00:05:40.705>easy <00:05:40.905>to <00:05:41.105>just <00:05:41.305>open <00:05:41.505>a <00:05:41.705>browser

111
00:05:42.305 --> 00:05:44.045
<00:05:42.305>and <00:05:42.655>start <00:05:43.005>developing <00:05:43.355>and <00:05:43.705>testing.

112
00:05:44.465 --> 00:05:46.645
<00:05:44.465>But <00:05:44.665>when <00:05:44.865>it <00:05:45.065>comes <00:05:45.265>to <00:05:45.465>the <00:05:45.665>native <00:05:45.865>development,

113
00:05:47.185 --> 00:05:51.725
<00:05:47.185>you <00:05:47.325>must <00:05:47.465>always <00:05:47.605>think <00:05:47.745>about <00:05:47.885>the <00:05:48.025>platform <00:05:48.165>both <00:05:48.305>as <00:05:48.445>an <00:05:48.585>Android.

114
00:05:52.305 --> 00:05:55.685
<00:05:52.305>So <00:05:52.445>you <00:05:52.585>can <00:05:52.725>use <00:05:52.865>the <00:05:53.005>Android <00:05:53.145>emulators, <00:05:53.285>which <00:05:53.425>you <00:05:53.565>can <00:05:53.705>download

115
00:05:55.705 --> 00:05:57.085
<00:05:55.705>and <00:05:55.953>run <00:05:56.201>from <00:05:56.450>the <00:05:56.698>Android <00:05:56.947>studio,

116
00:05:57.665 --> 00:06:00.525
<00:05:57.665>or <00:05:57.945>is <00:05:58.225>simulators <00:05:58.505>from <00:05:58.785>the <00:05:59.065>Xcode.

117
00:06:01.345 --> 00:06:04.605
<00:06:01.345>So <00:06:01.500>simulators <00:06:01.656>are <00:06:01.811>good <00:06:01.967>when <00:06:02.122>it <00:06:02.278>comes <00:06:02.433>to <00:06:02.589>the <00:06:02.745>testing

118
00:06:05.025 --> 00:06:06.685
<00:06:05.025>or <00:06:05.491>building <00:06:05.958>and <00:06:06.424>applications,

119
00:06:07.225 --> 00:06:09.045
<00:06:07.225>but <00:06:07.425>they <00:06:07.625>can <00:06:07.825>be <00:06:08.025>wrong <00:06:08.225>in <00:06:08.425>some <00:06:08.625>cases

120
00:06:09.155 --> 00:06:11.645
<00:06:09.155>because <00:06:09.505>simulation <00:06:09.854>can <00:06:10.205>never <00:06:10.554>applicate

121
00:06:11.665 --> 00:06:13.405
<00:06:11.665>100% <00:06:12.015>of <00:06:12.365>the <00:06:12.715>real <00:06:13.065>device.

122
00:06:13.865 --> 00:06:17.805
<00:06:13.865>You <00:06:14.020>can <00:06:14.176>find <00:06:14.331>your <00:06:14.487>application <00:06:14.642>working <00:06:14.798>without <00:06:14.953>any <00:06:15.109>error <00:06:15.265>on

123
00:06:17.805 --> 00:06:20.765
<00:06:17.805>the <00:06:17.980>simulator <00:06:18.155>and <00:06:18.330>having <00:06:18.505>trouble <00:06:18.680>with <00:06:18.855>an <00:06:19.030>actual <00:06:19.205>device.

124
00:06:21.305 --> 00:06:24.445
<00:06:21.305>And <00:06:21.445>in <00:06:21.585>these <00:06:21.725>cases, <00:06:21.865>Android <00:06:22.005>can <00:06:22.145>be <00:06:22.285>a <00:06:22.425>lot <00:06:22.565>of <00:06:22.705>tricky

125
00:06:24.515 --> 00:06:27.405
<00:06:24.515>because <00:06:24.690>you <00:06:24.865>have <00:06:25.039>more <00:06:25.215>devices <00:06:25.390>you <00:06:25.565>need <00:06:25.740>to <00:06:25.914>cover.

126
00:06:27.865 --> 00:06:31.245
<00:06:27.865>You <00:06:27.992>also <00:06:28.119>need <00:06:28.246>to <00:06:28.374>think <00:06:28.501>about <00:06:28.628>the <00:06:28.755>screen <00:06:28.883>size <00:06:29.010>if <00:06:29.137>you <00:06:29.265>are

127
00:06:31.605 --> 00:06:35.005
<00:06:31.605>covering <00:06:31.780>all <00:06:31.955>the <00:06:32.130>devices <00:06:32.305>like <00:06:32.480>the <00:06:32.655>iPhone <00:06:32.830>five <00:06:33.005>to,

128
00:06:35.265 --> 00:06:38.645
<00:06:35.265>and <00:06:35.440>also <00:06:35.615>thinking <00:06:35.789>about <00:06:35.965>if <00:06:36.140>your <00:06:36.315>application <00:06:36.490>will <00:06:36.664>run

129
00:06:38.665 --> 00:06:39.725
<00:06:38.665>on <00:06:38.903>the <00:06:39.142>tablet <00:06:39.380>as <00:06:39.619>well.

130
00:06:40.465 --> 00:06:44.365
<00:06:40.465>So <00:06:40.592>my <00:06:40.719>advice <00:06:40.846>I <00:06:40.974>can <00:06:41.101>give <00:06:41.228>you <00:06:41.355>in <00:06:41.483>this <00:06:41.610>situation <00:06:41.737>is <00:06:41.865>to

131
00:06:45.065 --> 00:06:47.885
<00:06:45.065>always <00:06:45.265>test <00:06:45.465>your <00:06:45.665>application <00:06:45.865>on <00:06:46.065>the <00:06:46.265>real <00:06:46.465>devices

132
00:06:47.885 --> 00:06:50.485
<00:06:47.885>through <00:06:48.085>a <00:06:48.284>development <00:06:48.485>process, <00:06:48.685>especially <00:06:48.885>if <00:06:49.085>you <00:06:49.284>want

133
00:06:50.545 --> 00:06:54.205
<00:06:50.545>to <00:06:50.778>release <00:06:51.011>on <00:06:51.245>both <00:06:51.478>I <00:06:51.711>and <00:06:51.945>Android.

134
00:06:54.835 --> 00:06:56.805
<00:06:54.835>This <00:06:55.114>is <00:06:55.395>really <00:06:55.674>great <00:06:55.955>because, <00:06:56.234>um,

135
00:06:57.145 --> 00:06:58.885
<00:06:57.145>we <00:06:57.424>have <00:06:57.705>cases <00:06:57.984>in <00:06:58.265>our <00:06:58.544>projects

136
00:06:58.885 --> 00:07:01.885
<00:06:58.885>that <00:06:59.085>everything <00:06:59.284>was <00:06:59.485>working <00:06:59.685>well <00:06:59.885>on <00:07:00.085>the <00:07:00.284>simulators

137
00:07:01.945 --> 00:07:05.045
<00:07:01.945>and <00:07:02.120>emulators, <00:07:02.295>but <00:07:02.469>then <00:07:02.645>running <00:07:02.820>on <00:07:02.995>the <00:07:03.170>real <00:07:03.344>devices

138
00:07:05.465 --> 00:07:08.005
<00:07:05.465>and <00:07:05.664>checking <00:07:05.864>on <00:07:06.065>both <00:07:06.265>platforms <00:07:06.465>is <00:07:06.664>and <00:07:06.864>Android

139
00:07:08.425 --> 00:07:10.565
<00:07:08.425>and <00:07:08.658>not <00:07:08.891>everything <00:07:09.125>was <00:07:09.358>going <00:07:09.591>so <00:07:09.825>smoothly.

140
00:07:11.185 --> 00:07:12.925
<00:07:11.185>So <00:07:11.465>this <00:07:11.745>is <00:07:12.025>really <00:07:12.305>great <00:07:12.585>advice

141
00:07:13.225 --> 00:07:14.285
<00:07:13.225>and <00:07:13.702>make <00:07:14.179>sure

142
00:07:14.385 --> 00:07:18.325
<00:07:14.385>to <00:07:14.512>always <00:07:14.639>check <00:07:14.766>on <00:07:14.894>the <00:07:15.021>real <00:07:15.148>devices <00:07:15.275>in <00:07:15.403>both <00:07:15.530>platform <00:07:15.657>if <00:07:15.784>you

143
00:07:18.325 --> 00:07:21.485
<00:07:18.325>are <00:07:18.558>developing <00:07:18.791>for <00:07:19.025>both <00:07:19.258>IO <00:07:19.491>and <00:07:19.724>Android.

144
00:07:22.585 --> 00:07:26.765
<00:07:22.585>So <00:07:22.724>the <00:07:22.864>next <00:07:23.005>thing <00:07:23.145>you'll <00:07:23.284>different <00:07:23.424>is <00:07:23.565>that <00:07:23.705>there's <00:07:23.844>no <00:07:23.984>HDML.

145
00:07:27.105 --> 00:07:30.645
<00:07:27.105>So <00:07:27.260>when <00:07:27.416>you <00:07:27.571>set <00:07:27.727>up <00:07:27.882>your <00:07:28.038>development <00:07:28.193>environment <00:07:28.349>and <00:07:28.505>devices

146
00:07:30.865 --> 00:07:33.605
<00:07:30.865>and <00:07:31.040>emulators, <00:07:31.215>uh, <00:07:31.390>the <00:07:31.565>first <00:07:31.740>thing <00:07:31.915>you <00:07:32.090>will <00:07:32.265>notice

147
00:07:33.675 --> 00:07:37.085
<00:07:33.675>that <00:07:33.908>there's <00:07:34.141>no <00:07:34.375>HTI <00:07:34.608>tax, <00:07:34.841>uh, <00:07:35.075>names

148
00:07:37.185 --> 00:07:39.885
<00:07:37.185>for <00:07:37.385>elements <00:07:37.585>you <00:07:37.785>will <00:07:37.985>use <00:07:38.185>in <00:07:38.385>a <00:07:38.585>web

149
00:07:39.985 --> 00:07:42.525
<00:07:39.985>or <00:07:40.185>if <00:07:40.385>you're <00:07:40.585>using <00:07:40.785>React <00:07:40.985>are <00:07:41.185>different <00:07:41.385>in

150
00:07:42.585 --> 00:07:43.645
<00:07:42.585>now <00:07:42.902>in <00:07:43.221>React <00:07:43.539>native.

151
00:07:44.185 --> 00:07:48.045
<00:07:44.185>So <00:07:44.340>you <00:07:44.496>will <00:07:44.651>use <00:07:44.807>the <00:07:44.962>elements <00:07:45.118>like <00:07:45.273>d <00:07:45.429>section <00:07:45.585>header.

152
00:07:48.465 --> 00:07:50.805
<00:07:48.465>Now <00:07:48.640>you <00:07:48.815>will <00:07:48.990>use <00:07:49.165>the <00:07:49.340>view <00:07:49.515>in <00:07:49.690>React <00:07:49.865>native

153
00:07:51.265 --> 00:07:53.005
<00:07:51.265>and <00:07:51.544>we'll <00:07:51.825>use <00:07:52.104>pen <00:07:52.385>and <00:07:52.664>paragraph.

154
00:07:53.185 --> 00:07:56.005
<00:07:53.185>Now, <00:07:53.360>in <00:07:53.535>React <00:07:53.710>native <00:07:53.885>you'll <00:07:54.060>use <00:07:54.235>the <00:07:54.410>text <00:07:54.585>component.

155
00:07:56.505 --> 00:07:58.125
<00:07:56.505>So <00:07:56.784>button <00:07:57.065>is <00:07:57.344>still <00:07:57.625>a <00:07:57.905>button,

156
00:07:58.625 --> 00:08:02.285
<00:07:58.625>but <00:07:58.825>you <00:07:59.025>have <00:07:59.225>options <00:07:59.425>to <00:07:59.625>use <00:07:59.825>touchable <00:08:00.025>opacity

157
00:08:02.385 --> 00:08:04.725
<00:08:02.385>or <00:08:02.664>touchable <00:08:02.945>highlight, <00:08:03.224>which <00:08:03.505>is <00:08:03.784>view.

158
00:08:05.065 --> 00:08:07.285
<00:08:05.065>And <00:08:05.298>we <00:08:05.531>have <00:08:05.765>just <00:08:05.998>like <00:08:06.231>a <00:08:06.465>button.

159
00:08:08.145 --> 00:08:11.005
<00:08:08.145>So <00:08:08.378>in <00:08:08.611>React <00:08:08.844>native <00:08:09.078>provides <00:08:09.311>a <00:08:09.544>number

160
00:08:11.145 --> 00:08:14.565
<00:08:11.145>of <00:08:11.320>built-in <00:08:11.495>core <00:08:11.669>components <00:08:11.844>that <00:08:12.020>are <00:08:12.195>ready <00:08:12.370>for <00:08:12.544>you

161
00:08:14.585 --> 00:08:16.205
<00:08:14.585>to <00:08:14.935>use <00:08:15.284>in <00:08:15.635>your <00:08:15.984>applications.

162
00:08:16.745 --> 00:08:18.645
<00:08:16.745>So <00:08:17.095>this <00:08:17.445>React <00:08:17.795>native, <00:08:18.145>uh,

163
00:08:18.645 --> 00:08:21.645
<00:08:18.645>components <00:08:18.844>can <00:08:19.044>be <00:08:19.245>divided <00:08:19.445>in <00:08:19.645>the <00:08:19.844>following <00:08:20.044>categories.

164
00:08:22.065 --> 00:08:23.645
<00:08:22.065>The <00:08:22.344>first <00:08:22.625>one <00:08:22.905>is <00:08:23.185>basic <00:08:23.465>components.

165
00:08:23.815 --> 00:08:28.205
<00:08:23.815>Basic <00:08:24.015>components <00:08:24.215>are <00:08:24.415>components <00:08:24.615>like <00:08:24.815>view, <00:08:25.015>text, <00:08:25.215>image,

166
00:08:28.385 --> 00:08:31.165
<00:08:28.385>and <00:08:28.540>this <00:08:28.696>is <00:08:28.851>the <00:08:29.007>most <00:08:29.162>used <00:08:29.318>components <00:08:29.473>you <00:08:29.629>will <00:08:29.784>use

167
00:08:31.185 --> 00:08:32.205
<00:08:31.185>in <00:08:31.644>your <00:08:32.103>application.

168
00:08:32.745 --> 00:08:36.485
<00:08:32.745>Um, <00:08:32.945>the <00:08:33.145>next <00:08:33.345>category <00:08:33.544>is <00:08:33.745>the <00:08:33.945>user <00:08:34.145>interface.

169
00:08:37.225 --> 00:08:41.325
<00:08:37.225>Um, <00:08:37.400>the <00:08:37.575>user <00:08:37.750>interface, <00:08:37.925>uh, <00:08:38.100>like <00:08:38.275>button <00:08:38.450>and <00:08:38.625>switch.

170
00:08:41.555 --> 00:08:44.605
<00:08:41.554>This <00:08:41.710>is <00:08:41.866>a <00:08:42.021>common <00:08:42.177>user <00:08:42.332>interface <00:08:42.488>controls <00:08:42.643>you, <00:08:42.799>you'll <00:08:42.954>need

171
00:08:44.605 --> 00:08:47.965
<00:08:44.605>to <00:08:44.805>render <00:08:45.005>or <00:08:45.205>any <00:08:45.405>platform <00:08:45.605>and <00:08:45.805>list <00:08:46.005>views.

172
00:08:48.185 --> 00:08:50.725
<00:08:48.185>So <00:08:48.418>unlike <00:08:48.651>the <00:08:48.885>more <00:08:49.118>generic <00:08:49.351>scroll <00:08:49.584>view,

173
00:08:50.945 --> 00:08:54.165
<00:08:50.945>the <00:08:51.145>following <00:08:51.345>list <00:08:51.545>view <00:08:51.745>components <00:08:51.945>only <00:08:52.145>render <00:08:52.345>elements

174
00:08:54.165 --> 00:08:56.045
<00:08:54.165>that <00:08:54.398>are <00:08:54.631>currently <00:08:54.865>showing <00:08:55.098>on <00:08:55.331>the <00:08:55.564>screen.

175
00:08:56.745 --> 00:08:59.165
<00:08:56.745>And <00:08:56.978>this <00:08:57.211>makes <00:08:57.445>them <00:08:57.678>a <00:08:57.911>performance <00:08:58.145>choice

176
00:08:59.225 --> 00:09:01.165
<00:08:59.225>for <00:08:59.458>displaying <00:08:59.691>a <00:08:59.925>long <00:09:00.158>list <00:09:00.391>of <00:09:00.625>data.

177
00:09:02.625 --> 00:09:06.005
<00:09:02.625>Uh, <00:09:02.800>next <00:09:02.975>you'll <00:09:03.150>have <00:09:03.325>the <00:09:03.500>Android <00:09:03.675>components <00:09:03.850>and <00:09:04.025>APIs

178
00:09:06.145 --> 00:09:08.685
<00:09:06.145>and <00:09:06.425>uh, <00:09:06.704>IS <00:09:06.985>components <00:09:07.265>and <00:09:07.545>APIs

179
00:09:08.825 --> 00:09:12.205
<00:09:08.825>and <00:09:09.000>many <00:09:09.175>of <00:09:09.350>the <00:09:09.525>following <00:09:09.700>components <00:09:09.875>will <00:09:10.050>provide <00:09:10.225>propers

180
00:09:12.305 --> 00:09:14.245
<00:09:12.305>for <00:09:12.655>commonly <00:09:13.005>used <00:09:13.354>Android <00:09:13.704>classes

181
00:09:14.625 --> 00:09:16.405
<00:09:14.625>or <00:09:14.858>for <00:09:15.091>use <00:09:15.325>the <00:09:15.558>UI <00:09:15.791>KID <00:09:16.025>classes.

182
00:09:17.385 --> 00:09:20.605
<00:09:17.385>And <00:09:17.540>of <00:09:17.696>course <00:09:17.851>you <00:09:18.007>have <00:09:18.162>the <00:09:18.318>other <00:09:18.473>components <00:09:18.629>like <00:09:18.785>Model

183
00:09:21.095 --> 00:09:22.525
<00:09:21.095>Alert <00:09:21.524>and <00:09:21.953>so <00:09:22.382>on.

184
00:09:22.625 --> 00:09:25.565
<00:09:22.625>And <00:09:22.800>these <00:09:22.975>components <00:09:23.150>may <00:09:23.325>be <00:09:23.500>useful <00:09:23.675>for <00:09:23.850>certain <00:09:24.025>applications

185
00:09:26.265 --> 00:09:29.445
<00:09:26.265>for, <00:09:26.498>uh, <00:09:26.731>maybe <00:09:26.965>a <00:09:27.198>keyboard <00:09:27.431>avoiding <00:09:27.665>view.

186
00:09:29.945 --> 00:09:32.005
<00:09:29.945>So <00:09:30.295>for <00:09:30.645>keyboard, <00:09:30.995>you'll <00:09:31.345>need

187
00:09:32.085 --> 00:09:34.605
<00:09:32.085>to <00:09:32.240>think <00:09:32.396>about <00:09:32.551>when <00:09:32.707>you <00:09:32.862>are <00:09:33.018>in <00:09:33.173>your <00:09:33.329>mobile <00:09:33.485>application,

188
00:09:34.785 --> 00:09:38.365
<00:09:34.785>you <00:09:34.925>will <00:09:35.064>need <00:09:35.204>to <00:09:35.344>show <00:09:35.485>your <00:09:35.625>keyboard <00:09:35.765>or <00:09:35.905>to <00:09:36.045>dismiss <00:09:36.185>it.

189
00:09:38.865 --> 00:09:42.565
<00:09:38.865>So <00:09:39.005>this <00:09:39.145>is <00:09:39.285>like <00:09:39.425>the <00:09:39.565>components <00:09:39.705>you'll <00:09:39.845>get <00:09:39.985>from <00:09:40.125>React <00:09:40.265>Native

190
00:09:42.665 --> 00:09:44.725
<00:09:42.665>and <00:09:42.898>you <00:09:43.131>can <00:09:43.365>use <00:09:43.598>in <00:09:43.831>your <00:09:44.064>applications.

191
00:09:45.955 --> 00:09:47.895
<00:09:45.955>So <00:09:46.235>let's <00:09:46.515>see, <00:09:46.795>the <00:09:47.075>simple <00:09:47.355>example,

192
00:09:48.475 --> 00:09:51.535
<00:09:48.475>how <00:09:48.650>will <00:09:48.825>you <00:09:49.000>use <00:09:49.175>the <00:09:49.350>React <00:09:49.525>native, <00:09:49.700>uh, <00:09:49.875>component?

193
00:09:52.275 --> 00:09:56.135
<00:09:52.275>So <00:09:52.430>you'll <00:09:52.586>import <00:09:52.741>the <00:09:52.897>view <00:09:53.052>and <00:09:53.208>text <00:09:53.363>from <00:09:53.519>React <00:09:53.675>native,

194
00:09:56.475 --> 00:09:59.375
<00:09:56.475>and <00:09:56.675>then <00:09:56.875>you <00:09:57.075>will <00:09:57.275>display, <00:09:57.475>uh, <00:09:57.675>in, <00:09:57.875>uh,

195
00:09:59.525 --> 00:10:01.695
<00:09:59.525>text <00:09:59.805>in <00:10:00.084>this <00:10:00.365>example <00:10:00.645>Hello <00:10:00.925>World.

196
00:10:02.315 --> 00:10:06.455
<00:10:02.315>So <00:10:02.422>if <00:10:02.530>we <00:10:02.638>are <00:10:02.745>on <00:10:02.853>the <00:10:02.961>web, <00:10:03.068>uh, <00:10:03.176>you <00:10:03.284>will <00:10:03.391>use <00:10:03.499>Divs <00:10:03.607>and <00:10:03.715>Spans.

197
00:10:06.635 --> 00:10:10.735
<00:10:06.635>And <00:10:06.775>now <00:10:06.915>in <00:10:07.055>React <00:10:07.194>native <00:10:07.335>you'll <00:10:07.475>use <00:10:07.615>view <00:10:07.755>and <00:10:07.895>text <00:10:08.035>components.

198
00:10:11.315 --> 00:10:13.655
<00:10:11.315>So <00:10:11.515>there's <00:10:11.715>no <00:10:11.915>H <00:10:12.115>TM <00:10:12.315>L <00:10:12.515>uh, <00:10:12.715>so,

199
00:10:13.755 --> 00:10:18.015
<00:10:13.755>and <00:10:13.895>we <00:10:14.035>are <00:10:14.175>using <00:10:14.314>the <00:10:14.455>components <00:10:14.595>that <00:10:14.735>are <00:10:14.875>from <00:10:15.015>React <00:10:15.155>native.

200
00:10:18.995 --> 00:10:22.335
<00:10:18.995>And <00:10:19.195>um, <00:10:19.395>in <00:10:19.595>this <00:10:19.795>example <00:10:19.995>like <00:10:20.195>text <00:10:20.395>component

201
00:10:22.365 --> 00:10:24.895
<00:10:22.365>with <00:10:22.598>React <00:10:22.831>native, <00:10:23.065>uh, <00:10:23.298>how <00:10:23.531>we'll <00:10:23.765>translate

202
00:10:24.915 --> 00:10:26.095
<00:10:24.915>for <00:10:25.269>I <00:10:25.623>and <00:10:25.977>Android.

203
00:10:26.475 --> 00:10:30.455
<00:10:26.475>So <00:10:26.615>for, <00:10:26.755>for <00:10:26.895>the, <00:10:27.035>we <00:10:27.175>will <00:10:27.315>use <00:10:27.455>text <00:10:27.595>in <00:10:27.735>React <00:10:27.875>native

204
00:10:30.755 --> 00:10:32.015
<00:10:30.755>and <00:10:31.133>it'll <00:10:31.511>will <00:10:31.889>translate

205
00:10:32.015 --> 00:10:35.215
<00:10:32.015>to <00:10:32.215>a <00:10:32.415>native <00:10:32.615>IS <00:10:32.814>UI <00:10:33.015>view <00:10:33.215>containing <00:10:33.415>text.

206
00:10:35.555 --> 00:10:38.335
<00:10:35.555>And <00:10:35.729>for <00:10:35.905>the <00:10:36.079>Android <00:10:36.255>application, <00:10:36.430>it <00:10:36.604>will <00:10:36.780>will <00:10:36.954>result

207
00:10:38.365 --> 00:10:39.775
<00:10:38.365>with <00:10:38.682>a <00:10:38.999>native <00:10:39.316>text <00:10:39.634>view.

208
00:10:40.195 --> 00:10:44.175
<00:10:40.195>So <00:10:40.370>this <00:10:40.545>component <00:10:40.720>is <00:10:40.895>like <00:10:41.070>nothing <00:10:41.245>to <00:10:41.420>think <00:10:41.595>about.

209
00:10:44.175 --> 00:10:47.615
<00:10:44.175>More <00:10:44.330>complex, <00:10:44.486>there <00:10:44.641>are <00:10:44.797>just <00:10:44.952>React <00:10:45.108>native <00:10:45.263>users <00:10:45.419>to <00:10:45.574>display

210
00:10:47.615 --> 00:10:49.735
<00:10:47.615>to <00:10:47.848>the <00:10:48.081>native <00:10:48.315>view <00:10:48.548>on <00:10:48.781>the <00:10:49.015>iOS

211
00:10:49.915 --> 00:10:52.295
<00:10:49.915>and <00:10:50.148>the <00:10:50.381>native <00:10:50.615>text <00:10:50.848>on <00:10:51.081>the <00:10:51.314>Android.

212
00:10:53.795 --> 00:10:58.215
<00:10:53.795>So <00:10:53.995>the <00:10:54.194>next <00:10:54.395>difference <00:10:54.594>is, <00:10:54.795>uh, <00:10:54.995>styling, <00:10:55.194>uh,

213
00:10:58.495 --> 00:11:01.295
<00:10:58.495>styling <00:10:58.670>on <00:10:58.845>the <00:10:59.020>web <00:10:59.195>you'll <00:10:59.370>have <00:10:59.545>a <00:10:59.720>class <00:10:59.895>name

214
00:11:01.295 --> 00:11:03.055
<00:11:01.295>that <00:11:01.574>is <00:11:01.854>associated <00:11:02.135>with <00:11:02.415>Dom <00:11:02.694>element.

215
00:11:03.355 --> 00:11:04.895
<00:11:03.355>You'll <00:11:03.817>use <00:11:04.279>the <00:11:04.741>CSS

216
00:11:05.115 --> 00:11:08.015
<00:11:05.115>and <00:11:05.290>CSS <00:11:05.465>would <00:11:05.640>target <00:11:05.815>the <00:11:05.990>element <00:11:06.165>your <00:11:06.340>class <00:11:06.515>name

217
00:11:08.395 --> 00:11:10.335
<00:11:08.395>and <00:11:08.675>assign <00:11:08.954>a <00:11:09.235>set <00:11:09.515>of <00:11:09.795>properties

218
00:11:10.435 --> 00:11:12.215
<00:11:10.435>and <00:11:10.714>values <00:11:10.994>to <00:11:11.275>the <00:11:11.555>associate <00:11:11.834>element.

219
00:11:13.155 --> 00:11:17.935
<00:11:13.155>So <00:11:13.310>in <00:11:13.466>React <00:11:13.621>native <00:11:13.777>you <00:11:13.932>don't <00:11:14.088>have <00:11:14.243>the, <00:11:14.399>the <00:11:14.555>CSS

220
00:11:18.315 --> 00:11:20.375
<00:11:18.315>for <00:11:18.470>the <00:11:18.626>styling, <00:11:18.781>you <00:11:18.937>will <00:11:19.092>use <00:11:19.248>the <00:11:19.403>s <00:11:19.559>style <00:11:19.715>sheets.

221
00:11:20.675 --> 00:11:23.975
<00:11:20.675>So <00:11:20.830>styling <00:11:20.986>in <00:11:21.141>React <00:11:21.297>native <00:11:21.452>is <00:11:21.608>done <00:11:21.763>using <00:11:21.919>the <00:11:22.074>JavaScript.

222
00:11:24.475 --> 00:11:28.095
<00:11:24.475>So <00:11:24.630>since <00:11:24.786>React <00:11:24.941>components <00:11:25.097>have <00:11:25.252>support <00:11:25.408>for <00:11:25.563>the <00:11:25.719>style, <00:11:25.875>uh,

223
00:11:28.415 --> 00:11:32.095
<00:11:28.415>property, <00:11:28.570>you <00:11:28.726>can <00:11:28.881>also <00:11:29.037>create <00:11:29.192>an <00:11:29.348>object <00:11:29.503>of <00:11:29.659>style <00:11:29.814>values

224
00:11:32.315 --> 00:11:35.375
<00:11:32.315>and <00:11:32.490>pass <00:11:32.665>them <00:11:32.840>on <00:11:33.015>the, <00:11:33.190>uh, <00:11:33.365>component <00:11:33.540>as <00:11:33.715>props.

225
00:11:35.875 --> 00:11:40.215
<00:11:35.875>And <00:11:35.991>the <00:11:36.108>style <00:11:36.225>names <00:11:36.341>work <00:11:36.458>exactly <00:11:36.575>the <00:11:36.691>same <00:11:36.808>name <00:11:36.925>as <00:11:37.041>in <00:11:37.158>the <00:11:37.275>CSS

226
00:11:40.835 --> 00:11:43.815
<00:11:40.835>except <00:11:41.035>their <00:11:41.235>writing <00:11:41.435>in <00:11:41.635>in <00:11:41.835>the <00:11:42.035>common <00:11:42.235>case.

227
00:11:44.875 --> 00:11:47.695
<00:11:44.875>And <00:11:45.030>you <00:11:45.186>can <00:11:45.341>see <00:11:45.497>that <00:11:45.652>in, <00:11:45.808>in <00:11:45.963>this <00:11:46.119>simple <00:11:46.275>example.

228
00:11:48.715 --> 00:11:52.775
<00:11:48.715>So <00:11:48.890>don't <00:11:49.065>worry, <00:11:49.240>uh, <00:11:49.415>flex <00:11:49.590>Box <00:11:49.765>is <00:11:49.940>still <00:11:50.115>here.

229
00:11:53.545 --> 00:11:57.405
<00:11:53.545>So <00:11:53.745>Flexport <00:11:53.944>works <00:11:54.145>the <00:11:54.344>same <00:11:54.545>way <00:11:54.745>in <00:11:54.944>CSS

230
00:11:57.405 --> 00:11:58.565
<00:11:57.405>with <00:11:57.753>a <00:11:58.101>few <00:11:58.449>exceptions.

231
00:11:59.025 --> 00:12:02.325
<00:11:59.025>Uh, <00:11:59.180>the <00:11:59.336>flex <00:11:59.491>reactions <00:11:59.647>is <00:11:59.802>defaulting <00:11:59.958>to <00:12:00.113>the <00:12:00.269>column <00:12:00.425>instead

232
00:12:02.325 --> 00:12:06.165
<00:12:02.325>of <00:12:02.465>the <00:12:02.605>row, <00:12:02.745>and <00:12:02.885>the <00:12:03.025>flex <00:12:03.165>only <00:12:03.305>supports <00:12:03.445>a <00:12:03.585>single <00:12:03.725>number

233
00:12:06.505 --> 00:12:07.565
<00:12:06.505>as <00:12:06.982>a <00:12:07.459>parameter.

234
00:12:07.865 --> 00:12:11.685
<00:12:07.865>So <00:12:08.005>under <00:12:08.145>the <00:12:08.285>hood, <00:12:08.425>Flexbox <00:12:08.565>is <00:12:08.705>implemented <00:12:08.845>to <00:12:08.985>be <00:12:09.125>the <00:12:09.265>yo.

235
00:12:12.665 --> 00:12:13.925
<00:12:12.665>So <00:12:12.891>one <00:12:13.118>thing <00:12:13.345>I <00:12:13.572>want <00:12:13.799>also

236
00:12:13.925 --> 00:12:16.925
<00:12:13.925>to <00:12:14.099>talk <00:12:14.275>about <00:12:14.449>when <00:12:14.625>you're <00:12:14.800>talking <00:12:14.974>about <00:12:15.150>uh, <00:12:15.324>styles,

237
00:12:16.985 --> 00:12:18.485
<00:12:16.985>and <00:12:17.322>that <00:12:17.660>is <00:12:17.997>style <00:12:18.335>components.

238
00:12:19.225 --> 00:12:22.085
<00:12:19.225>So <00:12:19.400>for <00:12:19.575>styling, <00:12:19.750>uh, <00:12:19.925>you <00:12:20.100>can <00:12:20.275>use <00:12:20.450>the <00:12:20.625>popular

239
00:12:22.685 --> 00:12:25.365
<00:12:22.685>CSS <00:12:22.859>in <00:12:23.035>GS <00:12:23.209>library <00:12:23.385>and <00:12:23.560>that <00:12:23.734>is <00:12:23.910>style <00:12:24.084>components.

240
00:12:25.815 --> 00:12:29.645
<00:12:25.815>Style <00:12:25.970>components <00:12:26.126>allows <00:12:26.281>you <00:12:26.437>to <00:12:26.592>write <00:12:26.748>an <00:12:26.903>actual <00:12:27.059>CSS <00:12:27.215>code

241
00:12:29.745 --> 00:12:30.885
<00:12:29.745>to <00:12:30.087>style <00:12:30.429>your <00:12:30.771>components

242
00:12:31.105 --> 00:12:33.565
<00:12:31.105>and <00:12:31.305>benefits <00:12:31.505>of <00:12:31.705>using <00:12:31.905>the <00:12:32.105>style <00:12:32.305>components <00:12:32.505>are,

243
00:12:33.565 --> 00:12:36.405
<00:12:33.565>you'll <00:12:33.740>have <00:12:33.915>the <00:12:34.090>CSS <00:12:34.265>syntax <00:12:34.440>out <00:12:34.615>of <00:12:34.790>the <00:12:34.965>box,

244
00:12:36.465 --> 00:12:37.925
<00:12:36.465>you <00:12:36.793>will <00:12:37.122>have <00:12:37.450>dynamic <00:12:37.779>styling.

245
00:12:37.945 --> 00:12:41.445
<00:12:37.945>You <00:12:38.085>will <00:12:38.225>use, <00:12:38.365>you <00:12:38.505>will <00:12:38.645>have <00:12:38.785>to, <00:12:38.925>you <00:12:39.065>can <00:12:39.205>use <00:12:39.345>teaming.

246
00:12:42.025 --> 00:12:44.605
<00:12:42.025>And <00:12:42.225>also <00:12:42.425>with <00:12:42.625>style <00:12:42.824>components <00:12:43.025>you <00:12:43.225>can, <00:12:43.425>uh,

247
00:12:44.635 --> 00:12:47.965
<00:12:44.635>support <00:12:44.868>more <00:12:45.101>complex <00:12:45.335>styles <00:12:45.568>like <00:12:45.801>transform, <00:12:46.035>uh,

248
00:12:47.965 --> 00:12:49.325
<00:12:47.965>which <00:12:48.373>is <00:12:48.781>really <00:12:49.189>great.

249
00:12:50.065 --> 00:12:52.565
<00:12:50.065>So <00:12:50.240>my <00:12:50.415>advice <00:12:50.590>is <00:12:50.765>that <00:12:50.940>if <00:12:51.115>you <00:12:51.290>are <00:12:51.465>familiar

250
00:12:52.795 --> 00:12:56.005
<00:12:52.795>with <00:12:52.935>style <00:12:53.074>components <00:12:53.214>and <00:12:53.354>you <00:12:53.495>have <00:12:53.635>used <00:12:53.775>it <00:12:53.915>on <00:12:54.055>the <00:12:54.194>web

251
00:12:56.005 --> 00:12:58.605
<00:12:56.005>before, <00:12:56.205>my <00:12:56.405>advice <00:12:56.605>is <00:12:56.805>to <00:12:57.005>go <00:12:57.205>for <00:12:57.405>it.

252
00:12:59.105 --> 00:13:03.085
<00:12:59.105>It <00:12:59.232>will <00:12:59.359>make <00:12:59.486>a <00:12:59.614>lot <00:12:59.741>easier <00:12:59.868>to <00:12:59.995>to <00:13:00.123>style <00:13:00.250>in <00:13:00.377>your <00:13:00.505>applications

253
00:13:03.085 --> 00:13:05.085
<00:13:03.085>because <00:13:03.365>you're <00:13:03.645>familiar, <00:13:03.925>you've <00:13:04.205>done <00:13:04.485>it.

254
00:13:05.225 --> 00:13:08.805
<00:13:05.225>So <00:13:05.425>it's <00:13:05.625>also <00:13:05.825>a <00:13:06.025>great <00:13:06.225>way <00:13:06.425>of <00:13:06.625>styling.

255
00:13:09.625 --> 00:13:12.645
<00:13:09.625>And <00:13:09.765>the <00:13:09.905>next <00:13:10.045>thing <00:13:10.185>I <00:13:10.325>want <00:13:10.465>to <00:13:10.605>talk <00:13:10.745>about <00:13:10.885>is <00:13:11.025>animation.

256
00:13:13.185 --> 00:13:17.885
<00:13:13.185>So <00:13:13.359>working <00:13:13.535>with <00:13:13.709>mobile <00:13:13.885>user <00:13:14.060>have <00:13:14.234>the <00:13:14.410>higher <00:13:14.584>expectation

257
00:13:18.235 --> 00:13:22.325
<00:13:18.235>because <00:13:18.390>the <00:13:18.546>mobile <00:13:18.701>application <00:13:18.857>just <00:13:19.012>feels <00:13:19.168>a <00:13:19.323>lot <00:13:19.479>better <00:13:19.635>than

258
00:13:22.325 --> 00:13:26.485
<00:13:22.325>the <00:13:22.500>web <00:13:22.675>applications <00:13:22.850>and <00:13:23.025>users <00:13:23.200>usually <00:13:23.375>accept <00:13:23.550>your <00:13:23.725>mobile

259
00:13:26.595 --> 00:13:29.645
<00:13:26.595>application <00:13:26.828>to <00:13:27.061>follow <00:13:27.295>some <00:13:27.528>sort <00:13:27.761>of <00:13:27.995>standards.

260
00:13:30.185 --> 00:13:32.045
<00:13:30.185>So <00:13:30.535>animations <00:13:30.885>are <00:13:31.234>very <00:13:31.584>important

261
00:13:32.265 --> 00:13:34.445
<00:13:32.265>to <00:13:32.545>create <00:13:32.824>a <00:13:33.105>great <00:13:33.385>user <00:13:33.665>experience.

262
00:13:35.065 --> 00:13:38.965
<00:13:35.065>And <00:13:35.240>in <00:13:35.415>React <00:13:35.590>native <00:13:35.765>it <00:13:35.940>provides <00:13:36.115>a <00:13:36.290>two <00:13:36.465>complimentary

263
00:13:38.965 --> 00:13:43.485
<00:13:38.965>animation <00:13:39.140>system, <00:13:39.315>uh, <00:13:39.490>the <00:13:39.665>animated <00:13:39.840>for <00:13:40.015>the <00:13:40.190>Granal, <00:13:40.365>Granal

264
00:13:43.505 --> 00:13:45.605
<00:13:43.505>and <00:13:43.785>interactive <00:13:44.064>control <00:13:44.345>of <00:13:44.625>specific <00:13:44.905>values

265
00:13:45.945 --> 00:13:47.325
<00:13:45.945>and <00:13:46.566>layout <00:13:47.187>animations

266
00:13:47.345 --> 00:13:49.965
<00:13:47.345>for <00:13:47.695>animated <00:13:48.045>global <00:13:48.395>layout <00:13:48.745>transactions.

267
00:13:51.225 --> 00:13:53.245
<00:13:51.225>So <00:13:51.575>let's <00:13:51.925>see <00:13:52.275>about <00:13:52.625>animated.

268
00:13:53.585 --> 00:13:57.485
<00:13:53.585>The <00:13:53.740>animated <00:13:53.896>API <00:13:54.051>is <00:13:54.207>designed <00:13:54.362>to <00:13:54.518>express <00:13:54.673>a <00:13:54.829>wide <00:13:54.985>variety

269
00:13:57.705 --> 00:13:58.885
<00:13:57.705>of <00:13:58.236>interesting <00:13:58.767>animation

270
00:13:59.025 --> 00:14:02.125
<00:13:59.025>and <00:13:59.258>interaction <00:13:59.491>partners <00:13:59.725>in <00:13:59.958>very <00:14:00.191>performed <00:14:00.425>way.

271
00:14:02.585 --> 00:14:06.365
<00:14:02.585>And <00:14:02.818>animated <00:14:03.051>focus <00:14:03.285>on <00:14:03.518>relationship <00:14:03.751>between <00:14:03.985>inputs

272
00:14:06.385 --> 00:14:09.805
<00:14:06.385>and <00:14:06.618>outputs <00:14:06.851>with <00:14:07.085>comparable <00:14:07.318>transform <00:14:07.551>in <00:14:07.785>between

273
00:14:09.985 --> 00:14:11.565
<00:14:09.985>and <00:14:10.451>start <00:14:10.918>stop <00:14:11.385>methods

274
00:14:11.825 --> 00:14:14.445
<00:14:11.825>to <00:14:12.175>control <00:14:12.525>time-based <00:14:12.875>animation <00:14:13.225>execution.

275
00:14:15.105 --> 00:14:19.725
<00:14:15.105>So <00:14:15.280>animated <00:14:15.455>expert, <00:14:15.630>six <00:14:15.805>animated <00:14:15.980>component <00:14:16.155>types <00:14:16.330>like <00:14:16.505>view,

276
00:14:19.915 --> 00:14:24.645
<00:14:19.915>text, <00:14:20.070>image, <00:14:20.226>scroll, <00:14:20.381>view <00:14:20.537>and <00:14:20.692>section <00:14:20.848>list <00:14:21.003>or <00:14:21.159>flat <00:14:21.314>list.

277
00:14:25.105 --> 00:14:28.605
<00:14:25.105>But <00:14:25.260>you <00:14:25.416>can <00:14:25.571>also <00:14:25.727>create <00:14:25.882>your <00:14:26.038>own <00:14:26.193>using, <00:14:26.349>uh, <00:14:26.505>animated

278
00:14:28.745 --> 00:14:30.365
<00:14:28.745>or <00:14:29.211>create <00:14:29.678>animated <00:14:30.145>component.

279
00:14:31.025 --> 00:14:34.645
<00:14:31.025>And <00:14:31.180>for <00:14:31.336>example, <00:14:31.491>this <00:14:31.647>is <00:14:31.802>the <00:14:31.958>simple <00:14:32.113>example <00:14:32.269>of <00:14:32.425>container

280
00:14:34.645 --> 00:14:38.365
<00:14:34.645>with <00:14:34.772>the <00:14:34.899>DOT <00:14:35.026>fits <00:14:35.154>in, <00:14:35.281>uh, <00:14:35.408>when <00:14:35.535>it's <00:14:35.663>mount <00:14:35.790>way <00:14:35.917>like <00:14:36.045>this.

281
00:14:39.625 --> 00:14:42.605
<00:14:39.625>And <00:14:39.825>the <00:14:40.025>other <00:14:40.225>way, <00:14:40.425>uh, <00:14:40.625>is <00:14:40.825>layout <00:14:41.025>animation.

282
00:14:42.945 --> 00:14:46.645
<00:14:42.945>For <00:14:43.120>layout <00:14:43.295>animation, <00:14:43.470>it'll <00:14:43.645>allow <00:14:43.820>you <00:14:43.995>to <00:14:44.170>globally <00:14:44.345>configure,

283
00:14:46.645 --> 00:14:49.645
<00:14:46.645>create <00:14:46.845>an <00:14:47.045>update <00:14:47.245>animation <00:14:47.444>that <00:14:47.645>will <00:14:47.845>be <00:14:48.045>used

284
00:14:49.665 --> 00:14:52.965
<00:14:49.665>for <00:14:49.839>old <00:14:50.015>views <00:14:50.189>in <00:14:50.365>the <00:14:50.540>next <00:14:50.714>render <00:14:50.890>layout <00:14:51.064>cycle.

285
00:14:53.545 --> 00:14:57.205
<00:14:53.545>So <00:14:53.700>this <00:14:53.856>is <00:14:54.011>useful <00:14:54.167>for <00:14:54.322>doing <00:14:54.478>flexbox <00:14:54.633>layout <00:14:54.789>updates, <00:14:54.944>uh,

286
00:14:57.205 --> 00:14:58.965
<00:14:57.205>without <00:14:57.671>bothering <00:14:58.138>to <00:14:58.605>measure

287
00:14:59.225 --> 00:15:02.205
<00:14:59.225>or <00:14:59.505>calculate <00:14:59.785>specific <00:15:00.065>properties <00:15:00.345>in <00:15:00.625>order

288
00:15:02.345 --> 00:15:03.965
<00:15:02.345>to <00:15:02.811>animate <00:15:03.278>them <00:15:03.745>directly

289
00:15:04.145 --> 00:15:07.605
<00:15:04.145>and <00:15:04.345>especially <00:15:04.545>useful <00:15:04.745>when <00:15:04.944>layout <00:15:05.145>changes <00:15:05.345>may, <00:15:05.545>uh,

290
00:15:07.905 --> 00:15:10.485
<00:15:07.905>affect <00:15:08.185>some <00:15:08.464>parents <00:15:08.745>or <00:15:09.025>other <00:15:09.305>elements.

291
00:15:10.625 --> 00:15:13.605
<00:15:10.625>And <00:15:10.800>for <00:15:10.975>example, <00:15:11.150>if <00:15:11.325>you <00:15:11.500>have <00:15:11.675>a <00:15:11.850>similar <00:15:12.025>button

292
00:15:14.155 --> 00:15:15.245
<00:15:14.155>that <00:15:14.645>will <00:15:15.136>expand

293
00:15:15.385 --> 00:15:18.125
<00:15:15.385>and <00:15:15.560>also <00:15:15.735>increase <00:15:15.910>the, <00:15:16.085>the <00:15:16.260>size <00:15:16.435>of <00:15:16.610>the <00:15:16.785>parent

294
00:15:18.185 --> 00:15:20.685
<00:15:18.185>and <00:15:18.385>pushes <00:15:18.584>down <00:15:18.785>the <00:15:18.984>road <00:15:19.185>below, <00:15:19.385>which <00:15:19.584>will

295
00:15:20.685 --> 00:15:23.245
<00:15:20.685>otherwise <00:15:21.151>require <00:15:21.618>explicit <00:15:22.084>coordination

296
00:15:23.245 --> 00:15:27.165
<00:15:23.245>between <00:15:23.420>the <00:15:23.595>component <00:15:23.770>in <00:15:23.945>order <00:15:24.120>to <00:15:24.295>animate <00:15:24.470>them, <00:15:24.645>uh,

297
00:15:27.305 --> 00:15:28.405
<00:15:27.305>all <00:15:27.635>in <00:15:27.964>the <00:15:28.295>sync.

298
00:15:28.945 --> 00:15:33.325
<00:15:28.945>So <00:15:29.085>note <00:15:29.225>that <00:15:29.365>all <00:15:29.505>all <00:15:29.645>the <00:15:29.785>layout <00:15:29.925>animation <00:15:30.065>is <00:15:30.205>very <00:15:30.345>powerful

299
00:15:34.065 --> 00:15:35.565
<00:15:34.065>and <00:15:34.402>can <00:15:34.740>be <00:15:35.077>quite <00:15:35.415>useful.

300
00:15:36.025 --> 00:15:39.085
<00:15:36.025>Uh, <00:15:36.225>it <00:15:36.425>provide <00:15:36.625>much <00:15:36.824>less <00:15:37.025>control <00:15:37.225>that <00:15:37.425>animated

301
00:15:39.185 --> 00:15:40.685
<00:15:39.185>and <00:15:39.635>other <00:15:40.084>animation <00:15:40.535>libraries.

302
00:15:41.425 --> 00:15:44.085
<00:15:41.425>So <00:15:41.552>you <00:15:41.679>may <00:15:41.806>need <00:15:41.934>to <00:15:42.061>use <00:15:42.188>another <00:15:42.315>approach <00:15:42.443>if <00:15:42.570>you <00:15:42.697>can <00:15:42.824>get

303
00:15:44.085 --> 00:15:46.445
<00:15:44.085>layout <00:15:44.318>animation <00:15:44.551>to <00:15:44.785>do <00:15:45.018>what <00:15:45.251>you <00:15:45.485>want

304
00:15:47.105 --> 00:15:49.325
<00:15:47.105>and <00:15:47.280>know <00:15:47.455>that <00:15:47.630>if <00:15:47.805>you <00:15:47.980>want <00:15:48.155>to <00:15:48.330>use, <00:15:48.505>um,

305
00:15:49.545 --> 00:15:52.565
<00:15:49.545>and <00:15:49.685>work <00:15:49.824>for <00:15:49.964>Android, <00:15:50.104>you <00:15:50.245>need <00:15:50.385>to <00:15:50.525>set <00:15:50.665>the <00:15:50.805>following <00:15:50.944>flag

306
00:15:52.715 --> 00:15:53.845
<00:15:52.715>with <00:15:53.054>the <00:15:53.393>UI <00:15:53.732>manager.

307
00:15:54.705 --> 00:15:57.605
<00:15:54.705>And <00:15:54.905>in <00:15:55.105>this <00:15:55.305>example, <00:15:55.505>it <00:15:55.705>uses <00:15:55.905>a <00:15:56.105>value

308
00:15:57.905 --> 00:16:00.805
<00:15:57.905>and <00:15:58.079>it <00:15:58.255>customers <00:15:58.430>is <00:15:58.605>then <00:15:58.780>mentioned <00:15:58.954>as <00:15:59.130>you <00:15:59.305>need.

309
00:16:01.745 --> 00:16:06.725
<00:16:01.745>So, <00:16:01.920>uh, <00:16:02.095>besides <00:16:02.270>these <00:16:02.445>two <00:16:02.620>systems, <00:16:02.795>uh, <00:16:02.970>they're <00:16:03.145>um,

310
00:16:07.635 --> 00:16:09.045
<00:16:07.635>also <00:16:08.269>really <00:16:08.904>powerful

311
00:16:09.225 --> 00:16:11.725
<00:16:09.225>and <00:16:09.458>great <00:16:09.691>animation <00:16:09.925>libraries <00:16:10.158>you <00:16:10.391>can <00:16:10.625>use.

312
00:16:12.345 --> 00:16:15.885
<00:16:12.345>And <00:16:12.500>one <00:16:12.656>of <00:16:12.811>them <00:16:12.967>is <00:16:13.122>React, <00:16:13.278>uh, <00:16:13.433>native <00:16:13.589>early <00:16:13.745>animated.

313
00:16:16.145 --> 00:16:17.205
<00:16:16.145>It <00:16:16.463>is <00:16:16.781>great <00:16:17.099>library

314
00:16:17.465 --> 00:16:19.565
<00:16:17.465>and <00:16:17.665>we <00:16:17.865>use <00:16:18.065>it <00:16:18.265>in <00:16:18.465>our <00:16:18.665>projects <00:16:18.865>project

315
00:16:19.785 --> 00:16:21.165
<00:16:19.785>so <00:16:20.033>you <00:16:20.281>can <00:16:20.530>check <00:16:20.778>it <00:16:21.026>out

316
00:16:21.345 --> 00:16:24.045
<00:16:21.345>and <00:16:21.500>see <00:16:21.656>if <00:16:21.811>it <00:16:21.967>works <00:16:22.122>for <00:16:22.278>your <00:16:22.433>project <00:16:22.589>as <00:16:22.745>well.

317
00:16:24.645 --> 00:16:26.725
<00:16:24.645>I <00:16:24.845>recommend <00:16:25.045>you <00:16:25.245>to <00:16:25.444>to <00:16:25.645>look <00:16:25.845>at <00:16:26.045>that.

318
00:16:27.865 --> 00:16:31.165
<00:16:27.865>And, <00:16:27.992>uh, <00:16:28.119>next <00:16:28.246>thing <00:16:28.374>I <00:16:28.501>want <00:16:28.628>to <00:16:28.755>talk <00:16:28.883>about <00:16:29.010>is <00:16:29.137>the <00:16:29.265>navigation.

319
00:16:31.545 --> 00:16:34.445
<00:16:31.545>So <00:16:31.700>in <00:16:31.856>the <00:16:32.011>browser <00:16:32.167>world <00:16:32.322>you <00:16:32.478>will <00:16:32.633>have <00:16:32.789>the <00:16:32.944>URL.

320
00:16:34.785 --> 00:16:37.765
<00:16:34.785>So <00:16:34.925>you <00:16:35.064>have <00:16:35.204>a <00:16:35.344>current <00:16:35.485>page, <00:16:35.625>a <00:16:35.765>back <00:16:35.905>button <00:16:36.045>for <00:16:36.185>history,

321
00:16:38.225 --> 00:16:42.525
<00:16:38.225>and <00:16:38.352>you <00:16:38.479>can <00:16:38.606>use <00:16:38.734>the <00:16:38.861>React <00:16:38.988>router <00:16:39.115>if <00:16:39.243>you <00:16:39.370>are <00:16:39.497>using <00:16:39.625>React

322
00:16:42.525 --> 00:16:45.765
<00:16:42.525>to <00:16:42.699>handle <00:16:42.875>those <00:16:43.050>changes, <00:16:43.225>go <00:16:43.400>to <00:16:43.574>the <00:16:43.750>new <00:16:43.925>page

323
00:16:45.905 --> 00:16:47.365
<00:16:45.905>or <00:16:46.233>the <00:16:46.562>pri <00:16:46.890>previous <00:16:47.219>page.

324
00:16:47.785 --> 00:16:49.925
<00:16:47.785>And <00:16:48.018>if <00:16:48.251>you're <00:16:48.485>using <00:16:48.718>React, <00:16:48.951>you're <00:16:49.185>familiar

325
00:16:50.075 --> 00:16:54.245
<00:16:50.075>with <00:16:50.275>React <00:16:50.475>router, <00:16:50.675>react <00:16:50.875>native <00:16:51.075>has <00:16:51.275>uh, <00:16:51.475>support

326
00:16:54.305 --> 00:16:55.845
<00:16:54.305>for <00:16:54.651>the <00:16:54.997>React, <00:16:55.344>uh, <00:16:55.691>router.

327
00:16:56.185 --> 00:16:58.885
<00:16:56.185>But <00:16:56.385>you <00:16:56.584>can <00:16:56.785>use <00:16:56.984>libraries <00:16:57.185>like <00:16:57.385>react <00:16:57.584>navigation

328
00:16:59.225 --> 00:17:01.365
<00:16:59.225>and <00:16:59.691>react <00:17:00.158>native <00:17:00.625>navigation.

329
00:17:02.185 --> 00:17:04.605
<00:17:02.185>So <00:17:02.385>in <00:17:02.584>the <00:17:02.785>mobile <00:17:02.984>world, <00:17:03.185>what <00:17:03.385>is <00:17:03.584>different?

330
00:17:04.665 --> 00:17:09.325
<00:17:04.665>So <00:17:04.805>you <00:17:04.944>don't <00:17:05.085>have <00:17:05.224>pages, <00:17:05.365>now <00:17:05.504>you <00:17:05.645>will <00:17:05.784>have <00:17:05.925>screens <00:17:06.065>instead

331
00:17:09.465 --> 00:17:12.325
<00:17:09.464>and <00:17:09.665>the <00:17:09.865>navigation <00:17:10.064>between <00:17:10.264>them <00:17:10.464>follows, <00:17:10.665>uh, <00:17:10.865>several

332
00:17:12.915 --> 00:17:15.445
<00:17:12.915>Well <00:17:13.194>understand <00:17:13.474>patterns <00:17:13.754>like <00:17:14.034>tab <00:17:14.315>navigations,

333
00:17:15.515 --> 00:17:18.845
<00:17:15.515>tech <00:17:15.795>navigation, <00:17:16.075>and <00:17:16.355>V <00:17:16.635>stack <00:17:16.915>navigation,

334
00:17:19.345 --> 00:17:22.485
<00:17:19.345>and <00:17:19.520>you'll <00:17:19.694>use <00:17:19.870>this <00:17:20.045>type <00:17:20.220>of <00:17:20.395>navigation <00:17:20.569>to <00:17:20.745>navigate

335
00:17:22.485 --> 00:17:24.285
<00:17:22.484>through <00:17:23.185>your <00:17:23.885>application.

336
00:17:24.985 --> 00:17:28.565
<00:17:24.984>So <00:17:25.140>an <00:17:25.296>application <00:17:25.451>will <00:17:25.607>work <00:17:25.762>like <00:17:25.918>you <00:17:26.073>are <00:17:26.229>having <00:17:26.385>the

337
00:17:28.565 --> 00:17:31.765
<00:17:28.565>different <00:17:28.765>decks <00:17:28.965>of <00:17:29.165>cards <00:17:29.365>where <00:17:29.565>cards <00:17:29.765>are <00:17:29.965>screened.

338
00:17:32.145 --> 00:17:34.645
<00:17:32.145>So <00:17:32.378>you <00:17:32.611>will <00:17:32.845>define, <00:17:33.078>um, <00:17:33.311>different <00:17:33.545>decks

339
00:17:34.645 --> 00:17:35.965
<00:17:34.645>of <00:17:34.942>screens <00:17:35.239>for <00:17:35.535>each <00:17:35.832>purpose.

340
00:17:36.545 --> 00:17:40.005
<00:17:36.545>And <00:17:36.720>this <00:17:36.895>is <00:17:37.070>because <00:17:37.245>a <00:17:37.420>user <00:17:37.595>could, <00:17:37.770>uh, <00:17:37.945>add

341
00:17:40.025 --> 00:17:41.765
<00:17:40.025>or <00:17:40.258>go <00:17:40.491>back <00:17:40.725>to <00:17:40.958>a <00:17:41.191>previous <00:17:41.425>screen.

342
00:17:42.305 --> 00:17:45.045
<00:17:42.305>And <00:17:42.460>it <00:17:42.616>is <00:17:42.771>important <00:17:42.927>to <00:17:43.082>note <00:17:43.238>that <00:17:43.393>on <00:17:43.549>the <00:17:43.705>native,

343
00:17:45.185 --> 00:17:47.565
<00:17:45.185>you <00:17:45.340>start <00:17:45.496>from <00:17:45.651>the <00:17:45.807>first <00:17:45.962>screen <00:17:46.118>defines <00:17:46.273>in <00:17:46.429>the <00:17:46.585>deck,

344
00:17:47.945 --> 00:17:51.045
<00:17:47.945>and <00:17:48.052>when <00:17:48.160>you <00:17:48.268>add <00:17:48.375>a <00:17:48.483>screen, <00:17:48.591>it <00:17:48.698>goes <00:17:48.806>to <00:17:48.914>the <00:17:49.021>top <00:17:49.129>of <00:17:49.237>your <00:17:49.345>deck.

345
00:17:51.275 --> 00:17:53.165
<00:17:51.275>When <00:17:51.508>you <00:17:51.741>go <00:17:51.975>back, <00:17:52.208>it <00:17:52.441>goes <00:17:52.675>off

346
00:17:53.165 --> 00:17:54.685
<00:17:53.165>to <00:17:53.360>the <00:17:53.555>top <00:17:53.751>of <00:17:53.946>your <00:17:54.142>deck <00:17:54.337>as <00:17:54.533>well.

347
00:17:55.265 --> 00:17:58.525
<00:17:55.265>And <00:17:55.405>this <00:17:55.545>means <00:17:55.685>that <00:17:55.825>the <00:17:55.965>first <00:17:56.105>screen <00:17:56.245>is <00:17:56.385>loaded <00:17:56.525>in <00:17:56.665>the

348
00:17:58.525 --> 00:18:01.565
<00:17:58.525>background <00:17:58.725>till <00:17:58.925>you <00:17:59.125>dismiss <00:17:59.325>tag <00:17:59.525>or <00:17:59.725>go <00:17:59.925>back.

349
00:18:02.865 --> 00:18:06.765
<00:18:02.865>So <00:18:03.005>next <00:18:03.145>thing <00:18:03.285>you <00:18:03.425>can <00:18:03.565>face <00:18:03.705>is <00:18:03.845>the <00:18:03.985>platform <00:18:04.125>specific <00:18:04.265>code.

350
00:18:07.025 --> 00:18:08.965
<00:18:07.025>So <00:18:07.491>unlike <00:18:07.958>a <00:18:08.425>web

351
00:18:09.305 --> 00:18:14.085
<00:18:09.305>or <00:18:09.460>JavaScript, <00:18:09.616>react, <00:18:09.771>react <00:18:09.927>native <00:18:10.082>add <00:18:10.238>the <00:18:10.393>needs <00:18:10.549>to <00:18:10.705>write

352
00:18:14.145 --> 00:18:16.325
<00:18:14.145>as <00:18:14.378>a <00:18:14.611>different <00:18:14.845>code <00:18:15.078>for <00:18:15.311>different <00:18:15.545>platforms

353
00:18:16.705 --> 00:18:20.685
<00:18:16.705>and <00:18:16.879>build <00:18:17.054>applications <00:18:17.230>that <00:18:17.405>follow <00:18:17.580>the <00:18:17.754>platform <00:18:17.929>specific <00:18:18.105>UI

354
00:18:20.785 --> 00:18:22.245
<00:18:20.785>and <00:18:21.442>UX <00:18:22.099>guides.

355
00:18:22.745 --> 00:18:25.845
<00:18:22.745>So <00:18:22.945>React <00:18:23.145>native <00:18:23.344>offers <00:18:23.544>the <00:18:23.745>two <00:18:23.945>alternative <00:18:24.145>ways

356
00:18:25.865 --> 00:18:28.645
<00:18:25.865>to <00:18:26.065>build <00:18:26.265>the <00:18:26.465>class <00:18:26.665>platform <00:18:26.865>application <00:18:27.065>more <00:18:27.265>efficiently.

357
00:18:29.225 --> 00:18:31.085
<00:18:29.225>The <00:18:29.458>first <00:18:29.691>one <00:18:29.925>is <00:18:30.158>the <00:18:30.391>platform <00:18:30.625>module.

358
00:18:31.505 --> 00:18:34.805
<00:18:31.505>So <00:18:31.705>React <00:18:31.905>native <00:18:32.105>provides <00:18:32.305>a <00:18:32.505>module <00:18:32.705>called <00:18:32.905>platform,

359
00:18:35.175 --> 00:18:37.165
<00:18:35.175>which <00:18:35.524>will <00:18:35.875>detect <00:18:36.225>which <00:18:36.575>platform

360
00:18:37.345 --> 00:18:38.885
<00:18:37.345>or <00:18:37.691>which <00:18:38.038>version <00:18:38.384>of <00:18:38.731>platform.

361
00:18:38.945 --> 00:18:40.485
<00:18:38.945>If <00:18:39.291>you're <00:18:39.638>developing <00:18:39.984>for <00:18:40.331>Android,

362
00:18:40.485 --> 00:18:41.765
<00:18:40.485>your <00:18:40.773>app <00:18:41.061>is <00:18:41.349>currently <00:18:41.637>running.

363
00:18:42.345 --> 00:18:44.205
<00:18:42.345>So <00:18:42.695>this <00:18:43.045>is <00:18:43.395>especially <00:18:43.745>useful,

364
00:18:44.545 --> 00:18:48.125
<00:18:44.545>useful <00:18:44.720>when <00:18:44.895>you're <00:18:45.070>using <00:18:45.245>component <00:18:45.420>that <00:18:45.595>contains <00:18:45.770>only <00:18:45.945>smart

365
00:18:48.345 --> 00:18:52.805
<00:18:48.345>or <00:18:48.485>parts <00:18:48.625>of <00:18:48.765>a <00:18:48.905>platform <00:18:49.045>specific <00:18:49.185>code, <00:18:49.325>you <00:18:49.465>will <00:18:49.605>import <00:18:49.745>the

366
00:18:53.405 --> 00:18:54.605
<00:18:53.405>platform <00:18:53.764>from <00:18:54.125>React <00:18:54.485>native

367
00:18:54.905 --> 00:18:57.485
<00:18:54.905>and <00:18:55.080>then <00:18:55.254>you <00:18:55.430>can <00:18:55.605>ask <00:18:55.780>some <00:18:55.955>sort <00:18:56.129>of <00:18:56.305>conditions

368
00:18:57.505 --> 00:19:01.285
<00:18:57.505>to <00:18:57.660>check <00:18:57.816>if <00:18:57.971>your <00:18:58.127>platform <00:18:58.282>is, <00:18:58.438>uh, <00:18:58.593>Android <00:18:58.749>or <00:18:58.905>I.

369
00:19:02.905 --> 00:19:07.365
<00:19:02.905>And <00:19:03.045>the <00:19:03.185>next <00:19:03.325>way <00:19:03.465>is, <00:19:03.605>uh, <00:19:03.745>the <00:19:03.885>platform <00:19:04.024>specific, <00:19:04.165>uh, <00:19:04.305>module,

370
00:19:09.585 --> 00:19:12.165
<00:19:09.585>uh, <00:19:09.818>beside <00:19:10.051>module <00:19:10.285>is <00:19:10.518>platform <00:19:10.751>specific <00:19:10.985>extension.

371
00:19:12.625 --> 00:19:14.885
<00:19:12.625>So <00:19:12.858>React <00:19:13.091>native <00:19:13.325>will <00:19:13.558>load <00:19:13.791>matching <00:19:14.025>files

372
00:19:15.105 --> 00:19:16.405
<00:19:15.105>for <00:19:15.495>a <00:19:15.885>specific <00:19:16.275>platform

373
00:19:16.505 --> 00:19:20.005
<00:19:16.505>by <00:19:16.705>automatically <00:19:16.905>detecting <00:19:17.105>whether <00:19:17.305>the <00:19:17.505>failure <00:19:17.705>working <00:19:17.905>on

374
00:19:20.185 --> 00:19:23.565
<00:19:20.185>has.is <00:19:20.465>or <00:19:20.745>do <00:19:21.024>android <00:19:21.304>jazz <00:19:21.585>extensions.

375
00:19:24.145 --> 00:19:26.925
<00:19:24.145>And <00:19:24.272>this <00:19:24.399>way <00:19:24.526>you <00:19:24.654>can <00:19:24.781>be <00:19:24.908>sure <00:19:25.035>that <00:19:25.163>each <00:19:25.290>time <00:19:25.417>you're <00:19:25.545>coding

376
00:19:27.065 --> 00:19:30.805
<00:19:27.065>for <00:19:27.220>IS <00:19:27.376>or <00:19:27.531>Android <00:19:27.687>React <00:19:27.842>native <00:19:27.998>will <00:19:28.153>always <00:19:28.309>import <00:19:28.465>the

377
00:19:30.805 --> 00:19:32.165
<00:19:30.805>correct <00:19:31.417>required <00:19:32.029>component.

378
00:19:32.865 --> 00:19:34.845
<00:19:32.865>And <00:19:33.098>these <00:19:33.331>two <00:19:33.565>device <00:19:33.798>are <00:19:34.031>really <00:19:34.265>great

379
00:19:34.845 --> 00:19:37.645
<00:19:34.845>because <00:19:35.000>you'll <00:19:35.156>face <00:19:35.311>in <00:19:35.467>your <00:19:35.622>applications <00:19:35.778>that <00:19:35.933>you <00:19:36.089>will <00:19:36.245>need

380
00:19:37.645 --> 00:19:40.605
<00:19:37.645>to <00:19:37.845>write <00:19:38.045>the <00:19:38.245>s <00:19:38.445>uh, <00:19:38.645>different, <00:19:38.845>uh, <00:19:39.045>features

381
00:19:40.625 --> 00:19:43.525
<00:19:40.625>or <00:19:40.825>different <00:19:41.025>ways <00:19:41.225>of, <00:19:41.425>uh, <00:19:41.625>for <00:19:41.825>both <00:19:42.025>platforms.

382
00:19:44.025 --> 00:19:46.845
<00:19:44.025>And <00:19:44.141>you <00:19:44.258>will <00:19:44.375>know <00:19:44.491>that <00:19:44.608>you <00:19:44.725>have <00:19:44.841>the <00:19:44.958>two <00:19:45.075>methods <00:19:45.191>to <00:19:45.308>do <00:19:45.425>that.

383
00:19:47.145 --> 00:19:49.525
<00:19:47.145>And <00:19:47.378>you <00:19:47.611>can <00:19:47.845>choose <00:19:48.078>between <00:19:48.311>platform <00:19:48.545>module

384
00:19:49.745 --> 00:19:52.005
<00:19:49.745>or <00:19:50.094>between <00:19:50.445>platform <00:19:50.794>specific <00:19:51.145>extension.

385
00:19:52.945 --> 00:19:56.565
<00:19:52.945>And <00:19:53.072>the <00:19:53.199>next <00:19:53.326>thing <00:19:53.454>that, <00:19:53.581>um, <00:19:53.708>one <00:19:53.835>more <00:19:53.963>thing <00:19:54.090>you <00:19:54.217>don't <00:19:54.345>have

386
00:19:56.565 --> 00:19:57.845
<00:19:56.565>to <00:19:56.795>worry <00:19:57.025>about <00:19:57.256>on <00:19:57.486>the <00:19:57.717>web

387
00:19:58.065 --> 00:20:01.045
<00:19:58.065>and <00:19:58.240>it's <00:19:58.415>important <00:19:58.590>to <00:19:58.765>think <00:19:58.940>about <00:19:59.115>when <00:19:59.290>you're <00:19:59.465>working

388
00:20:01.075 --> 00:20:04.405
<00:20:01.075>with <00:20:01.308>mobile <00:20:01.541>application <00:20:01.775>is <00:20:02.008>the <00:20:02.241>application <00:20:02.475>state.

389
00:20:05.105 --> 00:20:09.045
<00:20:05.105>So <00:20:05.260>user <00:20:05.416>can <00:20:05.571>have <00:20:05.727>their, <00:20:05.882>uh, <00:20:06.038>application <00:20:06.193>in <00:20:06.349>the <00:20:06.505>background

390
00:20:09.425 --> 00:20:10.965
<00:20:09.425>or <00:20:09.887>on <00:20:10.349>the <00:20:10.811>foreground.

391
00:20:11.425 --> 00:20:12.685
<00:20:11.425>And <00:20:11.708>this <00:20:11.992>is <00:20:12.275>very <00:20:12.559>important

392
00:20:12.685 --> 00:20:14.205
<00:20:12.685>because <00:20:13.027>you <00:20:13.369>don't <00:20:13.711>want, <00:20:14.053>uh,

393
00:20:14.315 --> 00:20:16.645
<00:20:14.315>user <00:20:14.548>putting <00:20:14.781>your <00:20:15.015>application <00:20:15.248>in <00:20:15.481>the <00:20:15.715>background

394
00:20:16.825 --> 00:20:20.045
<00:20:16.825>and <00:20:16.952>you <00:20:17.079>when <00:20:17.206>it <00:20:17.334>comes <00:20:17.461>back <00:20:17.588>to <00:20:17.715>you <00:20:17.843>want <00:20:17.970>to <00:20:18.097>show <00:20:18.225>something

395
00:20:20.225 --> 00:20:23.965
<00:20:20.225>or <00:20:20.352>you <00:20:20.479>want <00:20:20.606>to <00:20:20.734>update <00:20:20.861>your <00:20:20.988>state <00:20:21.115>so <00:20:21.243>user <00:20:21.370>can <00:20:21.497>go <00:20:21.625>back

396
00:20:23.965 --> 00:20:26.925
<00:20:23.965>and <00:20:24.120>forth <00:20:24.276>on <00:20:24.431>the <00:20:24.587>application, <00:20:24.742>that <00:20:24.898>is <00:20:25.053>very <00:20:25.209>common <00:20:25.365>way

397
00:20:27.385 --> 00:20:31.405
<00:20:27.385>and <00:20:27.560>you <00:20:27.735>have <00:20:27.910>must <00:20:28.085>think <00:20:28.260>of, <00:20:28.435>uh, <00:20:28.610>around <00:20:28.785>it

398
00:20:31.405 --> 00:20:34.045
<00:20:31.405>and <00:20:31.605>have <00:20:31.805>to, <00:20:32.004>um, <00:20:32.205>deal <00:20:32.405>with <00:20:32.605>those <00:20:32.805>cases.

399
00:20:34.945 --> 00:20:36.445
<00:20:34.945>And <00:20:35.395>we <00:20:35.845>react <00:20:36.294>native,

400
00:20:36.745 --> 00:20:39.165
<00:20:36.745>you <00:20:36.919>can <00:20:37.094>use <00:20:37.270>the <00:20:37.445>app <00:20:37.620>state <00:20:37.794>from <00:20:37.969>React <00:20:38.145>native

401
00:20:39.745 --> 00:20:43.005
<00:20:39.745>and <00:20:39.872>it <00:20:39.999>can <00:20:40.126>tell <00:20:40.254>you <00:20:40.381>if <00:20:40.508>your <00:20:40.635>application <00:20:40.763>is <00:20:40.890>in <00:20:41.017>the <00:20:41.145>foreground

402
00:20:43.105 --> 00:20:46.085
<00:20:43.105>or <00:20:43.260>the <00:20:43.416>background <00:20:43.571>and <00:20:43.727>notify <00:20:43.882>you <00:20:44.038>when <00:20:44.193>the <00:20:44.349>state <00:20:44.505>change.

403
00:20:46.665 --> 00:20:49.485
<00:20:46.665>So <00:20:46.820>with <00:20:46.976>application <00:20:47.131>stage, <00:20:47.287>you <00:20:47.442>will <00:20:47.598>have <00:20:47.753>the <00:20:47.909>three <00:20:48.065>states,

404
00:20:49.705 --> 00:20:52.845
<00:20:49.705>the <00:20:49.879>active, <00:20:50.054>when <00:20:50.230>your <00:20:50.405>application <00:20:50.580>is <00:20:50.754>running <00:20:50.929>in <00:20:51.105>the

405
00:20:52.845 --> 00:20:55.525
<00:20:52.845>foreground, <00:20:53.045>you'll <00:20:53.245>have <00:20:53.445>the <00:20:53.645>background <00:20:53.845>when <00:20:54.045>the <00:20:54.245>application

406
00:20:55.585 --> 00:20:56.885
<00:20:55.585>is <00:20:55.877>running <00:20:56.170>in <00:20:56.462>the <00:20:56.755>background.

407
00:20:57.465 --> 00:21:00.965
<00:20:57.465>Uh, <00:20:57.620>that <00:20:57.776>means <00:20:57.931>that <00:20:58.087>user <00:20:58.242>is <00:20:58.398>either <00:20:58.553>on <00:20:58.709>another <00:20:58.865>applications

408
00:21:01.105 --> 00:21:02.165
<00:21:01.105>on <00:21:01.423>the <00:21:01.741>home <00:21:02.059>screen

409
00:21:02.425 --> 00:21:05.005
<00:21:02.425>or <00:21:02.658>user <00:21:02.891>can <00:21:03.125>be <00:21:03.358>using <00:21:03.591>another <00:21:03.825>activity

410
00:21:05.675 --> 00:21:08.005
<00:21:05.675>even <00:21:05.955>if <00:21:06.235>it's <00:21:06.514>your <00:21:06.794>lunch <00:21:07.075>application.

411
00:21:08.625 --> 00:21:10.845
<00:21:08.625>And <00:21:08.825>you <00:21:09.025>have <00:21:09.225>the <00:21:09.425>third <00:21:09.625>state, <00:21:09.825>uh, <00:21:10.025>inactive.

412
00:21:11.185 --> 00:21:13.605
<00:21:11.185>And <00:21:11.360>this <00:21:11.534>is <00:21:11.710>a <00:21:11.885>state <00:21:12.060>that <00:21:12.235>occurs <00:21:12.409>when <00:21:12.585>transitioning

413
00:21:13.635 --> 00:21:15.645
<00:21:13.635>between <00:21:14.101>foreground <00:21:14.568>and <00:21:15.035>background

414
00:21:16.105 --> 00:21:18.525
<00:21:16.105>and <00:21:16.338>during <00:21:16.571>the <00:21:16.805>periods <00:21:17.038>of <00:21:17.271>inactivity, <00:21:17.505>such

415
00:21:18.525 --> 00:21:22.005
<00:21:18.525>as <00:21:18.725>entering <00:21:18.925>the <00:21:19.125>multitasking <00:21:19.325>view <00:21:19.525>or <00:21:19.725>in <00:21:19.925>event

416
00:21:22.105 --> 00:21:25.925
<00:21:22.105>or <00:21:22.245>some <00:21:22.385>you <00:21:22.525>have <00:21:22.665>some <00:21:22.805>incoming <00:21:22.945>call <00:21:23.085>that <00:21:23.225>is <00:21:23.365>going <00:21:23.505>on.

417
00:21:27.665 --> 00:21:29.525
<00:21:27.665>So <00:21:28.014>also <00:21:28.365>one <00:21:28.715>thing, <00:21:29.065>uh,

418
00:21:29.645 --> 00:21:31.485
<00:21:29.645>I <00:21:29.845>wanna <00:21:30.045>talk <00:21:30.245>about <00:21:30.445>is <00:21:30.645>the <00:21:30.845>native <00:21:31.045>features.

419
00:21:31.745 --> 00:21:34.005
<00:21:31.745>And <00:21:31.945>there <00:21:32.145>are <00:21:32.344>many <00:21:32.544>native <00:21:32.745>feature <00:21:32.945>mobile <00:21:33.145>has

420
00:21:34.265 --> 00:21:38.805
<00:21:34.265>to <00:21:34.405>offer <00:21:34.545>like <00:21:34.685>push <00:21:34.825>notification <00:21:34.965>on <00:21:35.105>camera <00:21:35.245>and <00:21:35.385>on <00:21:35.525>the <00:21:35.665>web.

421
00:21:39.315 --> 00:21:42.965
<00:21:39.315>Many <00:21:39.470>of <00:21:39.626>those <00:21:39.781>are <00:21:39.937>not <00:21:40.092>used <00:21:40.248>so <00:21:40.403>often, <00:21:40.559>but <00:21:40.715>when,

422
00:21:43.185 --> 00:21:46.205
<00:21:43.185>but <00:21:43.385>when <00:21:43.585>you <00:21:43.784>are <00:21:43.985>building, <00:21:44.185>um, <00:21:44.385>application, <00:21:44.585>uh,

423
00:21:46.265 --> 00:21:49.845
<00:21:46.265>you <00:21:46.392>must <00:21:46.519>think <00:21:46.646>of <00:21:46.774>when <00:21:46.901>you <00:21:47.028>want <00:21:47.155>to <00:21:47.283>ask <00:21:47.410>user <00:21:47.537>for <00:21:47.665>permission

424
00:21:50.065 --> 00:21:54.245
<00:21:50.065>for <00:21:50.205>those <00:21:50.345>or <00:21:50.485>how <00:21:50.625>to <00:21:50.765>handle <00:21:50.905>those <00:21:51.045>permissions <00:21:51.185>for <00:21:51.325>future <00:21:51.465>use

425
00:21:54.265 --> 00:21:55.325
<00:21:54.265>of <00:21:54.742>your <00:21:55.219>application.

426
00:21:55.985 --> 00:21:58.205
<00:21:55.985>So <00:21:56.218>for <00:21:56.451>example, <00:21:56.685>uh, <00:21:56.918>when <00:21:57.151>you're <00:21:57.385>asking

427
00:21:58.225 --> 00:22:01.085
<00:21:58.225>for <00:21:58.399>your <00:21:58.574>user <00:21:58.750>permission <00:21:58.925>for <00:21:59.100>the <00:21:59.274>camera <00:21:59.449>in <00:21:59.625>order

428
00:22:01.225 --> 00:22:03.805
<00:22:01.225>to <00:22:01.458>update <00:22:01.691>their <00:22:01.925>profile <00:22:02.158>picture, <00:22:02.391>you <00:22:02.625>need

429
00:22:03.805 --> 00:22:07.445
<00:22:03.805>to <00:22:03.932>have <00:22:04.059>this <00:22:04.186>check <00:22:04.314>every <00:22:04.441>time <00:22:04.568>since <00:22:04.695>the <00:22:04.823>user <00:22:04.950>may <00:22:05.077>have <00:22:05.205>not

430
00:22:07.475 --> 00:22:09.485
<00:22:07.475>proceed <00:22:07.824>to, <00:22:08.175>to <00:22:08.524>give <00:22:08.875>permissions.

431
00:22:09.665 --> 00:22:13.485
<00:22:09.665>So <00:22:09.781>also <00:22:09.898>have <00:22:10.014>that <00:22:10.131>in <00:22:10.248>mind <00:22:10.365>in <00:22:10.481>the <00:22:10.598>web <00:22:10.715>we <00:22:10.831>don't <00:22:10.948>use <00:22:11.065>it

432
00:22:13.485 --> 00:22:16.965
<00:22:13.485>so <00:22:13.640>often, <00:22:13.796>but <00:22:13.951>on <00:22:14.107>the <00:22:14.262>mobile <00:22:14.418>development <00:22:14.573>you <00:22:14.729>also <00:22:14.885>have

433
00:22:17.145 --> 00:22:19.645
<00:22:17.145>to <00:22:17.378>think <00:22:17.611>about <00:22:17.845>those <00:22:18.078>cases <00:22:18.311>as <00:22:18.545>well.

434
00:22:21.225 --> 00:22:25.245
<00:22:21.225>Um, <00:22:21.380>also <00:22:21.536>think <00:22:21.691>very <00:22:21.847>important <00:22:22.002>to <00:22:22.158>talk <00:22:22.313>about <00:22:22.469>is <00:22:22.625>connectivity.

435
00:22:25.625 --> 00:22:29.605
<00:22:25.625>So, <00:22:25.752>uh, <00:22:25.879>this <00:22:26.006>is <00:22:26.134>really <00:22:26.261>important <00:22:26.388>thing <00:22:26.515>you <00:22:26.643>have <00:22:26.770>to <00:22:26.897>deal, <00:22:27.025>uh,

436
00:22:29.715 --> 00:22:33.685
<00:22:29.715>with <00:22:29.915>users <00:22:30.115>that <00:22:30.314>don't <00:22:30.514>have <00:22:30.715>connections <00:22:30.915>at <00:22:31.115>all.

437
00:22:33.775 --> 00:22:34.965
<00:22:33.775>Maybe <00:22:34.310>they're <00:22:34.846>offline.

438
00:22:35.425 --> 00:22:37.645
<00:22:35.425>So <00:22:35.705>when <00:22:35.985>you <00:22:36.264>open <00:22:36.544>the <00:22:36.825>applications,

439
00:22:37.905 --> 00:22:41.245
<00:22:37.905>you <00:22:38.105>don't <00:22:38.305>just <00:22:38.504>expect <00:22:38.705>your <00:22:38.905>application <00:22:39.105>to <00:22:39.305>close

440
00:22:41.545 --> 00:22:43.885
<00:22:41.545>and <00:22:41.778>not <00:22:42.011>show <00:22:42.245>nothing <00:22:42.478>if <00:22:42.711>they're <00:22:42.945>offline.

441
00:22:44.425 --> 00:22:48.205
<00:22:44.425>So <00:22:44.552>you <00:22:44.679>should <00:22:44.806>be <00:22:44.934>able <00:22:45.061>to <00:22:45.188>use <00:22:45.315>some <00:22:45.443>offline <00:22:45.570>cache <00:22:45.697>that <00:22:45.825>data

442
00:22:48.545 --> 00:22:50.165
<00:22:48.545>and <00:22:48.895>maybe <00:22:49.245>write <00:22:49.595>a <00:22:49.945>message

443
00:22:50.505 --> 00:22:53.725
<00:22:50.505>and <00:22:50.660>then <00:22:50.816>have <00:22:50.971>the <00:22:51.127>automatically <00:22:51.282>be <00:22:51.438>sent <00:22:51.593>out <00:22:51.749>with, <00:22:51.905>uh,

444
00:22:53.745 --> 00:22:55.965
<00:22:53.745>the <00:22:54.094>connections <00:22:54.445>when <00:22:54.794>they <00:22:55.145>back.

445
00:22:56.705 --> 00:23:00.245
<00:22:56.705>So <00:22:56.905>you <00:22:57.105>may, <00:22:57.304>so <00:22:57.504>similar <00:22:57.705>to <00:22:57.905>offline, <00:22:58.105>uh,

446
00:23:00.385 --> 00:23:03.405
<00:23:00.385>the <00:23:00.585>mobile <00:23:00.785>users <00:23:00.985>can <00:23:01.185>have <00:23:01.385>a <00:23:01.585>slow <00:23:01.785>connection.

447
00:23:03.935 --> 00:23:06.685
<00:23:03.935>Maybe <00:23:04.135>they're <00:23:04.335>on <00:23:04.534>the <00:23:04.735>train <00:23:04.935>or <00:23:05.135>the <00:23:05.335>tunnel

448
00:23:06.905 --> 00:23:07.965
<00:23:06.905>and <00:23:07.223>something <00:23:07.541>like <00:23:07.859>that.

449
00:23:08.225 --> 00:23:10.565
<00:23:08.225>So <00:23:08.504>you <00:23:08.784>should <00:23:09.064>definitely <00:23:09.344>build <00:23:09.625>timeout

450
00:23:10.745 --> 00:23:12.565
<00:23:10.745>and <00:23:11.094>retries <00:23:11.445>in <00:23:11.794>your <00:23:12.145>applications.

451
00:23:12.985 --> 00:23:16.405
<00:23:12.985>And <00:23:13.112>this <00:23:13.239>is <00:23:13.366>something <00:23:13.494>you <00:23:13.621>probably <00:23:13.748>do <00:23:13.875>that <00:23:14.003>for <00:23:14.130>the <00:23:14.257>web, <00:23:14.385>uh,

452
00:23:16.465 --> 00:23:18.525
<00:23:16.465>but <00:23:16.665>I <00:23:16.865>don't <00:23:17.064>suspect <00:23:17.264>you <00:23:17.465>do <00:23:17.665>it <00:23:17.865>everywhere.

453
00:23:18.985 --> 00:23:22.445
<00:23:18.985>But <00:23:19.140>it <00:23:19.296>is <00:23:19.451>definitely <00:23:19.607>worth <00:23:19.762>doing <00:23:19.918>in <00:23:20.073>the <00:23:20.229>mobile <00:23:20.385>application

454
00:23:22.555 --> 00:23:25.405
<00:23:22.555>because <00:23:22.788>it'll, <00:23:23.021>the <00:23:23.255>request <00:23:23.488>will <00:23:23.721>time <00:23:23.955>out

455
00:23:25.585 --> 00:23:28.405
<00:23:25.585>and <00:23:25.818>if <00:23:26.051>applications <00:23:26.285>goes <00:23:26.518>into <00:23:26.751>some <00:23:26.985>weird

456
00:23:28.545 --> 00:23:30.525
<00:23:28.545>or <00:23:28.825>inconsistent <00:23:29.105>state, <00:23:29.385>it's <00:23:29.665>not <00:23:29.945>going

457
00:23:30.525 --> 00:23:33.725
<00:23:30.525>to <00:23:30.700>be <00:23:30.875>a <00:23:31.050>very <00:23:31.225>pleasant <00:23:31.400>experience <00:23:31.575>for <00:23:31.750>the <00:23:31.925>user.

458
00:23:35.505 --> 00:23:37.805
<00:23:35.505>So <00:23:35.738>this <00:23:35.971>is <00:23:36.205>the, <00:23:36.438>the <00:23:36.671>example <00:23:36.905>how,

459
00:23:37.985 --> 00:23:39.765
<00:23:37.985>uh, <00:23:38.334>LinkedIn, <00:23:38.685>uh, <00:23:39.034>handle <00:23:39.385>it.

460
00:23:39.945 --> 00:23:43.685
<00:23:39.945>So <00:23:40.100>in <00:23:40.256>the <00:23:40.411>homepage, <00:23:40.567>uh, <00:23:40.722>I <00:23:40.878>have, <00:23:41.033>uh, <00:23:41.189>cash <00:23:41.345>data

461
00:23:44.065 --> 00:23:46.285
<00:23:44.065>and <00:23:44.298>I <00:23:44.531>am <00:23:44.765>not <00:23:44.998>having <00:23:45.231>the <00:23:45.465>connections,

462
00:23:46.385 --> 00:23:49.605
<00:23:46.385>but <00:23:46.540>if <00:23:46.696>I <00:23:46.851>go <00:23:47.007>to <00:23:47.162>the <00:23:47.318>my <00:23:47.473>network <00:23:47.629>screen, <00:23:47.785>uh,

463
00:23:49.805 --> 00:23:52.325
<00:23:49.805>I <00:23:49.980>will <00:23:50.155>see <00:23:50.330>the <00:23:50.505>message <00:23:50.680>that <00:23:50.855>is <00:23:51.030>prompt <00:23:51.205>out

464
00:23:52.435 --> 00:23:54.245
<00:23:52.435>that <00:23:52.784>there's <00:23:53.135>no <00:23:53.485>internet <00:23:53.835>connections

465
00:23:54.385 --> 00:23:57.165
<00:23:54.385>and <00:23:54.540>I <00:23:54.696>have <00:23:54.851>the <00:23:55.007>button <00:23:55.162>to <00:23:55.318>refer <00:23:55.473>to <00:23:55.629>the <00:23:55.785>page.

466
00:23:57.705 --> 00:24:00.125
<00:23:57.705>So <00:23:57.879>this <00:23:58.054>is <00:23:58.230>the <00:23:58.405>one <00:23:58.580>of <00:23:58.754>great <00:23:58.929>example <00:23:59.105>how

467
00:24:00.125 --> 00:24:01.165
<00:24:00.125>to <00:24:00.437>handle <00:24:00.749>these <00:24:01.061>cases.

468
00:24:02.105 --> 00:24:05.645
<00:24:02.105>And <00:24:02.260>also <00:24:02.416>on <00:24:02.571>one <00:24:02.727>of <00:24:02.882>the <00:24:03.038>cases <00:24:03.193>is <00:24:03.349>on <00:24:03.505>Instagram

469
00:24:05.755 --> 00:24:09.325
<00:24:05.755>that <00:24:05.930>there <00:24:06.105>will <00:24:06.280>probe <00:24:06.455>some <00:24:06.630>sort <00:24:06.805>of <00:24:06.980>the <00:24:07.155>message

470
00:24:09.355 --> 00:24:10.645
<00:24:09.355>that <00:24:09.645>there <00:24:09.935>is <00:24:10.225>no <00:24:10.516>connections.

471
00:24:10.785 --> 00:24:13.125
<00:24:10.785>And <00:24:10.960>if <00:24:11.135>you <00:24:11.310>open <00:24:11.485>the <00:24:11.660>settings, <00:24:11.835>you <00:24:12.010>will <00:24:12.185>see

472
00:24:13.125 --> 00:24:15.405
<00:24:13.125>that <00:24:13.325>you <00:24:13.525>are <00:24:13.725>not <00:24:13.925>connected <00:24:14.125>to <00:24:14.325>the <00:24:14.525>internet

473
00:24:15.465 --> 00:24:17.125
<00:24:15.465>and <00:24:15.931>check <00:24:16.398>these <00:24:16.865>connections.

474
00:24:17.705 --> 00:24:21.845
<00:24:17.705>So <00:24:17.845>one, <00:24:17.985>one <00:24:18.125>advice <00:24:18.264>I <00:24:18.405>can <00:24:18.544>give <00:24:18.685>you <00:24:18.824>in <00:24:18.965>this <00:24:19.105>situation

475
00:24:22.465 --> 00:24:25.605
<00:24:22.465>is <00:24:22.698>the <00:24:22.931>package, <00:24:23.165>uh, <00:24:23.398>uh, <00:24:23.631>net <00:24:23.865>info.

476
00:24:25.985 --> 00:24:30.085
<00:24:25.985>The <00:24:26.159>net <00:24:26.334>info <00:24:26.510>package <00:24:26.685>provides <00:24:26.860>informations <00:24:27.034>about <00:24:27.209>the <00:24:27.385>users

477
00:24:30.385 --> 00:24:32.205
<00:24:30.385>active <00:24:31.085>network <00:24:31.785>connections

478
00:24:32.425 --> 00:24:35.565
<00:24:32.425>and <00:24:32.658>connectivity <00:24:32.891>status <00:24:33.125>of <00:24:33.358>their <00:24:33.591>mobile <00:24:33.825>devices.

479
00:24:35.985 --> 00:24:40.085
<00:24:35.985>And <00:24:36.140>it <00:24:36.296>is <00:24:36.451>also <00:24:36.607>identifies <00:24:36.762>the <00:24:36.918>user <00:24:37.073>like <00:24:37.229>connection <00:24:37.385>type,

480
00:24:40.635 --> 00:24:42.765
<00:24:40.635>like <00:24:40.985>wifi <00:24:41.335>or <00:24:41.685>mobile <00:24:42.035>network.

481
00:24:43.385 --> 00:24:46.885
<00:24:43.385>So <00:24:43.512>this <00:24:43.639>is <00:24:43.766>a <00:24:43.894>great <00:24:44.021>package, <00:24:44.148>we <00:24:44.275>use <00:24:44.403>it <00:24:44.530>on <00:24:44.657>our <00:24:44.785>applications.

482
00:24:47.225 --> 00:24:50.325
<00:24:47.225>It <00:24:47.352>is <00:24:47.479>like <00:24:47.606>really <00:24:47.734>great <00:24:47.861>to <00:24:47.988>use <00:24:48.115>if <00:24:48.243>you <00:24:48.370>have <00:24:48.497>to <00:24:48.625>deal

483
00:24:50.325 --> 00:24:52.725
<00:24:50.325>with <00:24:50.605>some <00:24:50.885>sort <00:24:51.165>of <00:24:51.445>network <00:24:51.725>types

484
00:24:52.985 --> 00:24:55.565
<00:24:52.985>and <00:24:53.159>also <00:24:53.334>for <00:24:53.510>checking <00:24:53.685>all <00:24:53.860>these <00:24:54.034>cases <00:24:54.209>I, <00:24:54.385>uh,

485
00:24:55.565 --> 00:24:56.645
<00:24:55.565>mentioned <00:24:56.537>before.

486
00:24:57.465 --> 00:25:00.445
<00:24:57.465>So <00:24:57.639>my <00:24:57.814>recommendation <00:24:57.990>is <00:24:58.165>to, <00:24:58.340>uh, <00:24:58.514>check, <00:24:58.689>check <00:24:58.865>it.

487
00:25:00.555 --> 00:25:03.565
<00:25:00.555>It's <00:25:01.021>really <00:25:01.488>great. <00:25:01.955>Uh,

488
00:25:04.505 --> 00:25:08.845
<00:25:04.505>and <00:25:04.621>uh, <00:25:04.738>one <00:25:04.855>thing <00:25:04.971>also <00:25:05.088>I <00:25:05.205>want <00:25:05.321>to <00:25:05.438>talk <00:25:05.555>about <00:25:05.671>is <00:25:05.788>sharing <00:25:05.905>code.

489
00:25:09.265 --> 00:25:11.325
<00:25:09.265>So <00:25:09.545>if <00:25:09.825>you're <00:25:10.105>building <00:25:10.385>both <00:25:10.665>web

490
00:25:11.385 --> 00:25:14.085
<00:25:11.385>and <00:25:11.560>mobile <00:25:11.735>application, <00:25:11.910>you <00:25:12.085>can <00:25:12.260>leverage <00:25:12.435>on <00:25:12.610>some <00:25:12.785>sort

491
00:25:14.085 --> 00:25:15.285
<00:25:14.085>of <00:25:14.445>the <00:25:14.805>code <00:25:15.165>reviews.

492
00:25:16.185 --> 00:25:20.125
<00:25:16.185>So <00:25:16.385>converting <00:25:16.585>a <00:25:16.784>React <00:25:16.985>native <00:25:17.185>application <00:25:17.385>to <00:25:17.585>React,

493
00:25:20.225 --> 00:25:22.325
<00:25:20.225>you <00:25:20.458>can <00:25:20.691>use <00:25:20.925>the <00:25:21.158>React <00:25:21.391>native <00:25:21.625>app

494
00:25:22.545 --> 00:25:24.965
<00:25:22.545>to <00:25:22.745>bring <00:25:22.945>your <00:25:23.145>mobile <00:25:23.345>application <00:25:23.545>to <00:25:23.745>the <00:25:23.945>browser,

495
00:25:25.825 --> 00:25:30.045
<00:25:25.825>but <00:25:26.025>it'll <00:25:26.225>require <00:25:26.425>some <00:25:26.625>significant <00:25:26.825>modification <00:25:27.025>as <00:25:27.225>well

496
00:25:30.145 --> 00:25:33.045
<00:25:30.145>as <00:25:30.378>some <00:25:30.611>adjustment <00:25:30.845>in <00:25:31.078>the <00:25:31.311>user <00:25:31.545>interfaces.

497
00:25:33.505 --> 00:25:35.725
<00:25:33.505>So <00:25:33.738>you <00:25:33.971>can <00:25:34.205>share, <00:25:34.438>um, <00:25:34.671>other <00:25:34.905>ways

498
00:25:35.795 --> 00:25:38.485
<00:25:35.795>that <00:25:35.950>you <00:25:36.106>can <00:25:36.261>share <00:25:36.417>your <00:25:36.572>logic <00:25:36.728>between <00:25:36.883>mobile <00:25:37.039>and <00:25:37.195>web

499
00:25:38.825 --> 00:25:40.005
<00:25:38.825>and <00:25:39.179>make <00:25:39.533>your <00:25:39.887>components

500
00:25:40.225 --> 00:25:43.365
<00:25:40.225>and <00:25:40.458>ui <00:25:40.691>uh, <00:25:40.925>independently <00:25:41.158>for <00:25:41.391>each <00:25:41.625>platform.

501
00:25:43.905 --> 00:25:46.205
<00:25:43.905>And <00:25:44.185>sharing <00:25:44.465>a <00:25:44.745>code <00:25:45.024>base <00:25:45.305>goes

502
00:25:46.545 --> 00:25:48.805
<00:25:46.545>beyond <00:25:46.895>simply <00:25:47.245>your <00:25:47.595>reusing <00:25:47.945>codes.

503
00:25:48.865 --> 00:25:50.125
<00:25:48.865>So <00:25:49.243>the <00:25:49.621>or <00:25:49.999>React

504
00:25:50.125 --> 00:25:53.205
<00:25:50.125>or <00:25:50.300>React <00:25:50.475>native, <00:25:50.650>uh, <00:25:50.825>process <00:25:51.000>can <00:25:51.175>get <00:25:51.350>really <00:25:51.525>complex

505
00:25:53.465 --> 00:25:57.885
<00:25:53.465>and <00:25:53.639>something <00:25:53.814>it's <00:25:53.990>easier <00:25:54.165>to <00:25:54.340>develop, <00:25:54.514>uh, <00:25:54.689>uh, <00:25:54.865>web

506
00:25:57.905 --> 00:25:59.645
<00:25:57.905>and <00:25:58.371>mobile <00:25:58.838>application <00:25:59.305>separately.

507
00:26:00.185 --> 00:26:02.765
<00:26:00.185>Um, <00:26:00.418>it <00:26:00.651>all <00:26:00.885>depends <00:26:01.118>on <00:26:01.351>the <00:26:01.585>type

508
00:26:02.785 --> 00:26:04.325
<00:26:02.785>of <00:26:03.131>application <00:26:03.478>you <00:26:03.824>are <00:26:04.171>building

509
00:26:04.745 --> 00:26:08.085
<00:26:04.745>and <00:26:04.945>the <00:26:05.145>specific <00:26:05.344>feature <00:26:05.544>you <00:26:05.745>want <00:26:05.945>to <00:26:06.145>include.

510
00:26:08.665 --> 00:26:11.205
<00:26:08.665>So <00:26:08.898>there <00:26:09.131>is <00:26:09.365>possibility, <00:26:09.598>like <00:26:09.831>I <00:26:10.065>said,

511
00:26:11.425 --> 00:26:12.765
<00:26:11.425>you <00:26:11.666>can <00:26:11.907>use <00:26:12.148>React <00:26:12.389>native <00:26:12.631>web

512
00:26:12.905 --> 00:26:15.285
<00:26:12.905>or <00:26:13.138>you <00:26:13.371>can <00:26:13.605>share <00:26:13.838>like <00:26:14.071>business <00:26:14.305>logics

513
00:26:15.285 --> 00:26:17.205
<00:26:15.285>and <00:26:15.635>develop <00:26:15.985>the <00:26:16.335>components <00:26:16.685>separately.

514
00:26:17.585 --> 00:26:19.685
<00:26:17.585>But <00:26:17.865>you <00:26:18.145>must <00:26:18.425>think <00:26:18.705>that <00:26:18.985>is

515
00:26:19.915 --> 00:26:21.805
<00:26:19.915>what <00:26:20.115>is <00:26:20.315>the <00:26:20.514>right <00:26:20.715>way <00:26:20.915>for <00:26:21.115>your <00:26:21.315>application.

516
00:26:22.075 --> 00:26:24.645
<00:26:22.075>Like, <00:26:22.308>uh, <00:26:22.541>it <00:26:22.775>depends <00:26:23.008>on <00:26:23.241>the <00:26:23.475>type

517
00:26:24.645 --> 00:26:26.365
<00:26:24.645>of <00:26:24.995>application <00:26:25.345>you <00:26:25.695>are <00:26:26.045>building

518
00:26:26.665 --> 00:26:28.765
<00:26:26.665>and <00:26:26.898>you <00:26:27.131>want <00:26:27.365>to, <00:26:27.598>features <00:26:27.831>you <00:26:28.065>include.

519
00:26:29.505 --> 00:26:32.045
<00:26:29.505>So <00:26:29.738>talking <00:26:29.971>about <00:26:30.205>sharing <00:26:30.438>code, <00:26:30.671>I <00:26:30.905>have

520
00:26:32.125 --> 00:26:33.805
<00:26:32.125>to <00:26:32.591>mention <00:26:33.058>the <00:26:33.525>monorepo.

521
00:26:34.405 --> 00:26:37.125
<00:26:34.405>Monorepo <00:26:34.605>allows <00:26:34.805>you <00:26:35.004>to <00:26:35.205>have <00:26:35.405>the <00:26:35.605>multiple <00:26:35.805>projects

522
00:26:37.225 --> 00:26:39.485
<00:26:37.225>and <00:26:37.574>share <00:26:37.925>common <00:26:38.274>dependencies <00:26:38.625>instead

523
00:26:39.585 --> 00:26:41.805
<00:26:39.585>of <00:26:39.785>installing <00:26:39.985>the <00:26:40.185>dependency <00:26:40.385>for <00:26:40.585>each <00:26:40.785>of <00:26:40.985>them.

524
00:26:42.465 --> 00:26:45.325
<00:26:42.465>And, <00:26:42.665>um, <00:26:42.865>they <00:26:43.064>are <00:26:43.264>also <00:26:43.465>simply <00:26:43.665>sharing <00:26:43.865>code

525
00:26:45.325 --> 00:26:47.005
<00:26:45.325>between <00:26:45.675>your <00:26:46.025>projects, <00:26:46.375>allowing <00:26:46.725>you

526
00:26:47.005 --> 00:26:49.405
<00:26:47.005>to <00:26:47.205>input <00:26:47.405>code <00:26:47.605>from <00:26:47.805>one <00:26:48.005>package <00:26:48.205>to <00:26:48.405>another.

527
00:26:50.065 --> 00:26:51.885
<00:26:50.065>As <00:26:50.345>an <00:26:50.625>example, <00:26:50.905>you <00:26:51.185>may <00:26:51.465>want

528
00:26:51.885 --> 00:26:54.085
<00:26:51.885>to <00:26:52.085>have <00:26:52.285>a <00:26:52.485>mono <00:26:52.685>report <00:26:52.885>containing <00:26:53.085>a <00:26:53.285>website,

529
00:26:54.205 --> 00:26:57.285
<00:26:54.205>a <00:26:54.360>mobile <00:26:54.516>application, <00:26:54.671>and <00:26:54.827>some <00:26:54.982>shared <00:26:55.138>code <00:26:55.293>that <00:26:55.449>you <00:26:55.605>wrote.

530
00:26:57.745 --> 00:27:00.525
<00:26:57.745>And <00:26:57.919>one, <00:26:58.094>the <00:26:58.270>most <00:26:58.445>popular <00:26:58.620>option <00:26:58.794>to <00:26:58.969>do, <00:26:59.145>uh,

531
00:27:00.525 --> 00:27:04.565
<00:27:00.525>that <00:27:00.680>is <00:27:00.836>the <00:27:00.991>young <00:27:01.147>workspaces, <00:27:01.302>uh, <00:27:01.458>which <00:27:01.613>is <00:27:01.769>really <00:27:01.925>great.

532
00:27:05.345 --> 00:27:08.405
<00:27:05.345>And, <00:27:05.578>uh, <00:27:05.811>talking <00:27:06.045>about, <00:27:06.278>uh, <00:27:06.511>more <00:27:06.745>repos.

533
00:27:08.505 --> 00:27:11.205
<00:27:08.505>Um, <00:27:08.705>there <00:27:08.905>also <00:27:09.105>I <00:27:09.305>have <00:27:09.505>mentioned <00:27:09.705>the <00:27:09.905>learner.

534
00:27:11.675 --> 00:27:14.605
<00:27:11.675>Learner <00:27:11.850>is <00:27:12.024>a <00:27:12.200>tool <00:27:12.375>for <00:27:12.550>managing <00:27:12.725>the <00:27:12.899>JavaScript <00:27:13.075>project

535
00:27:14.755 --> 00:27:16.005
<00:27:14.755>with <00:27:15.317>multiple <00:27:15.880>packages.

536
00:27:16.385 --> 00:27:19.285
<00:27:16.385>Um, <00:27:16.540>we <00:27:16.696>try <00:27:16.851>to <00:27:17.007>learn <00:27:17.162>a <00:27:17.318>learner <00:27:17.473>is <00:27:17.629>really <00:27:17.785>great.

537
00:27:19.465 --> 00:27:22.325
<00:27:19.465>So <00:27:19.639>if <00:27:19.814>you <00:27:19.990>have <00:27:20.165>the <00:27:20.340>cases, <00:27:20.514>you <00:27:20.689>will <00:27:20.865>need

538
00:27:22.325 --> 00:27:23.885
<00:27:22.325>to <00:27:22.675>create <00:27:23.025>the <00:27:23.375>multiple <00:27:23.725>packages

539
00:27:23.885 --> 00:27:25.605
<00:27:23.885>and <00:27:24.118>use <00:27:24.351>it <00:27:24.585>to <00:27:24.818>share <00:27:25.051>the <00:27:25.285>code.

540
00:27:25.995 --> 00:27:29.565
<00:27:25.995>Learner <00:27:26.150>is <00:27:26.306>also <00:27:26.461>a <00:27:26.617>great <00:27:26.772>way, <00:27:26.928>uh, <00:27:27.083>to <00:27:27.239>try <00:27:27.395>it.

541
00:27:30.885 --> 00:27:33.745
<00:27:30.885>And, <00:27:31.085>uh, <00:27:31.285>also <00:27:31.485>want <00:27:31.685>to <00:27:31.885>talk <00:27:32.085>about <00:27:32.285>testing.

542
00:27:34.205 --> 00:27:39.025
<00:27:34.205>So <00:27:34.405>developers <00:27:34.605>make <00:27:34.804>mistakes <00:27:35.004>and <00:27:35.205>testing <00:27:35.405>is <00:27:35.605>important

543
00:27:39.335 --> 00:27:43.185
<00:27:39.335>because <00:27:39.510>it <00:27:39.685>helps <00:27:39.860>you <00:27:40.035>to <00:27:40.210>uncover <00:27:40.385>these <00:27:40.560>mistake <00:27:40.735>mistakes

544
00:27:43.525 --> 00:27:46.065
<00:27:43.525>and <00:27:43.758>verifies <00:27:43.991>that <00:27:44.225>your <00:27:44.458>code <00:27:44.691>is <00:27:44.925>working.

545
00:27:46.285 --> 00:27:50.305
<00:27:46.285>So <00:27:46.518>perhaps <00:27:46.751>even <00:27:46.985>more <00:27:47.218>importantly, <00:27:47.451>testing <00:27:47.685>ensures

546
00:27:50.305 --> 00:27:53.345
<00:27:50.305>that <00:27:50.538>your <00:27:50.771>code <00:27:51.005>is, <00:27:51.238>uh, <00:27:51.471>continuously <00:27:51.705>going

547
00:27:53.345 --> 00:27:56.625
<00:27:53.345>to <00:27:53.520>work <00:27:53.695>if <00:27:53.870>you <00:27:54.045>are <00:27:54.220>developing <00:27:54.395>a <00:27:54.570>new <00:27:54.745>features

548
00:27:58.045 --> 00:28:00.345
<00:27:58.045>or <00:27:58.395>refactor <00:27:58.745>on <00:27:59.095>existing <00:27:59.445>ones

549
00:28:00.525 --> 00:28:03.905
<00:28:00.525>or <00:28:00.725>upgrading <00:28:00.925>the <00:28:01.125>major <00:28:01.325>dependency <00:28:01.525>of <00:28:01.725>your <00:28:01.925>projects.

550
00:28:04.605 --> 00:28:07.265
<00:28:04.605>So, <00:28:04.885>uh, <00:28:05.165>the <00:28:05.445>default, <00:28:05.725>uh, <00:28:06.005>template

551
00:28:07.365 --> 00:28:10.665
<00:28:07.365>of <00:28:07.540>React <00:28:07.715>Native <00:28:07.890>Ships <00:28:08.065>is <00:28:08.240>the <00:28:08.415>just <00:28:08.590>testing <00:28:08.765>framework.

552
00:28:11.125 --> 00:28:13.265
<00:28:11.125>And <00:28:11.405>if <00:28:11.685>you, <00:28:11.965>um, <00:28:12.245>write <00:28:12.525>test

553
00:28:13.265 --> 00:28:16.105
<00:28:13.265>before <00:28:13.465>for <00:28:13.665>your <00:28:13.865>web <00:28:14.065>applications, <00:28:14.265>you're <00:28:14.465>probably <00:28:14.665>familiar

554
00:28:16.255 --> 00:28:20.025
<00:28:16.255>with <00:28:16.410>just <00:28:16.566>so, <00:28:16.721>uh, <00:28:16.877>this <00:28:17.032>part <00:28:17.188>is <00:28:17.343>the <00:28:17.499>same, <00:28:17.655>same.

555
00:28:20.765 --> 00:28:23.745
<00:28:20.765>And <00:28:20.998>there <00:28:21.231>are <00:28:21.465>also <00:28:21.698>several <00:28:21.931>libraries, <00:28:22.165>libraries

556
00:28:23.745 --> 00:28:26.105
<00:28:23.745>that <00:28:23.978>can <00:28:24.211>help <00:28:24.445>you, <00:28:24.678>um, <00:28:24.911>uh, <00:28:25.145>testing.

557
00:28:26.485 --> 00:28:28.865
<00:28:26.485>And <00:28:26.659>these <00:28:26.834>are <00:28:27.010>a <00:28:27.185>React <00:28:27.360>test <00:28:27.534>to <00:28:27.709>render <00:28:27.885>it,

558
00:28:29.205 --> 00:28:31.065
<00:28:29.205>it <00:28:29.485>is <00:28:29.764>developed <00:28:30.044>alongside <00:28:30.324>IT <00:28:30.605>score,

559
00:28:31.065 --> 00:28:33.705
<00:28:31.065>it <00:28:31.240>provides <00:28:31.415>a <00:28:31.590>React <00:28:31.765>render <00:28:31.940>that <00:28:32.115>can <00:28:32.290>be <00:28:32.465>used

560
00:28:33.765 --> 00:28:35.305
<00:28:33.765>to <00:28:34.227>render <00:28:34.689>React <00:28:35.151>components

561
00:28:35.765 --> 00:28:39.945
<00:28:35.765>to <00:28:35.940>pure <00:28:36.115>JavaScript <00:28:36.290>objects <00:28:36.465>without <00:28:36.640>depending <00:28:36.815>on <00:28:36.990>the <00:28:37.165>dome

562
00:28:39.945 --> 00:28:41.505
<00:28:39.945>or <00:28:40.294>Don <00:28:40.645>Native <00:28:40.995>mobile <00:28:41.345>environment.

563
00:28:41.765 --> 00:28:44.225
<00:28:41.765>And <00:28:41.940>other <00:28:42.115>one <00:28:42.290>is <00:28:42.465>the <00:28:42.640>React <00:28:42.815>native <00:28:42.990>testing <00:28:43.165>library.

564
00:28:44.885 --> 00:28:47.545
<00:28:44.885>It <00:28:45.040>builds <00:28:45.196>on <00:28:45.351>the <00:28:45.507>top <00:28:45.662>of <00:28:45.818>the <00:28:45.973>React <00:28:46.129>test <00:28:46.285>renderer

565
00:28:47.685 --> 00:28:48.865
<00:28:47.685>and <00:28:48.039>adds <00:28:48.393>fire <00:28:48.747>vent

566
00:28:48.885 --> 00:28:53.505
<00:28:48.885>and <00:28:49.012>query <00:28:49.139>APIs <00:28:49.266>that <00:28:49.394>are <00:28:49.521>described <00:28:49.648>on <00:28:49.775>the <00:28:49.903>next <00:28:50.030>in <00:28:50.157>the <00:28:50.285>in

567
00:28:53.815 --> 00:28:55.505
<00:28:53.815>that <00:28:54.165>are <00:28:54.515>described <00:28:54.865>for <00:28:55.215>you

568
00:28:55.525 --> 00:28:57.865
<00:28:55.525>to <00:28:55.758>use <00:28:55.991>in <00:28:56.225>your <00:28:56.458>application <00:28:56.691>for <00:28:56.925>testing.

569
00:28:59.245 --> 00:29:01.345
<00:28:59.245>So <00:28:59.478>you <00:28:59.711>should <00:28:59.945>check <00:29:00.178>the <00:29:00.411>boat, <00:29:00.645>uh,

570
00:29:01.765 --> 00:29:05.305
<00:29:01.765>and, <00:29:01.920>uh, <00:29:02.076>you <00:29:02.231>should <00:29:02.387>see <00:29:02.542>what <00:29:02.698>works <00:29:02.853>for <00:29:03.009>your <00:29:03.165>application

571
00:29:05.525 --> 00:29:10.065
<00:29:05.525>and <00:29:05.665>what <00:29:05.805>is <00:29:05.945>the <00:29:06.085>the <00:29:06.225>best <00:29:06.365>for <00:29:06.505>you <00:29:06.645>to <00:29:06.785>go <00:29:06.925>with.

572
00:29:10.685 --> 00:29:12.425
<00:29:10.685>And <00:29:11.034>also <00:29:11.385>what <00:29:11.735>is, <00:29:12.085>um,

573
00:29:12.735 --> 00:29:15.225
<00:29:12.735>important <00:29:12.909>thing <00:29:13.084>when <00:29:13.260>you're <00:29:13.435>coming <00:29:13.610>from <00:29:13.784>the <00:29:13.959>web <00:29:14.135>at

574
00:29:15.225 --> 00:29:16.505
<00:29:15.225>mobile <00:29:15.801>is <00:29:16.377>debugging.

575
00:29:17.045 --> 00:29:18.705
<00:29:17.045>So <00:29:17.511>for <00:29:17.978>developing <00:29:18.445>debugging,

576
00:29:18.705 --> 00:29:21.265
<00:29:18.705>you <00:29:18.905>can <00:29:19.105>use <00:29:19.304>the <00:29:19.504>Chrome <00:29:19.705>developer <00:29:19.905>tools, <00:29:20.105>so

577
00:29:21.495 --> 00:29:23.865
<00:29:21.495>that <00:29:21.774>is <00:29:22.054>familiar <00:29:22.334>from <00:29:22.614>the <00:29:22.895>web,

578
00:29:24.405 --> 00:29:26.385
<00:29:24.405>but <00:29:24.638>I <00:29:24.871>want <00:29:25.105>something <00:29:25.338>also <00:29:25.571>to <00:29:25.805>recommend.

579
00:29:26.385 --> 00:29:27.465
<00:29:26.385>And <00:29:26.628>that <00:29:26.870>is <00:29:27.114>the <00:29:27.357>Flipper.

580
00:29:27.975 --> 00:29:30.505
<00:29:27.975>Flipper <00:29:28.254>is <00:29:28.534>the <00:29:28.814>extensible <00:29:29.094>mobile <00:29:29.375>app.

581
00:29:30.505 --> 00:29:34.425
<00:29:30.505>Debugger <00:29:30.660>and <00:29:30.816>Flipper <00:29:30.971>is <00:29:31.127>a <00:29:31.282>platform <00:29:31.438>for <00:29:31.593>debugging <00:29:31.749>the <00:29:31.905>iOS,

582
00:29:34.455 --> 00:29:36.585
<00:29:34.455>Android, <00:29:34.804>and <00:29:35.155>React <00:29:35.504>native <00:29:35.855>application.

583
00:29:37.245 --> 00:29:39.425
<00:29:37.245>It <00:29:37.524>can <00:29:37.804>help <00:29:38.084>you <00:29:38.364>visualize, <00:29:38.645>inspect,

584
00:29:39.565 --> 00:29:41.900
<00:29:39.565>and <00:29:39.798>control <00:29:40.031>your <00:29:40.265>application <00:29:40.498>from <00:29:40.731>a <00:29:40.965>simple

585
00:29:41.995 --> 00:29:43.005
<00:29:41.995>desktop <00:29:42.904>interface.

586
00:29:43.665 --> 00:29:46.565
<00:29:43.665>And <00:29:43.898>Flipper <00:29:44.131>is <00:29:44.365>tooling <00:29:44.598>I <00:29:44.831>strongly <00:29:45.065>recommend

587
00:29:46.625 --> 00:29:50.125
<00:29:46.625>for <00:29:46.780>mobile <00:29:46.936>developers <00:29:47.091>to <00:29:47.247>use, <00:29:47.402>uh, <00:29:47.558>when, <00:29:47.713>uh, <00:29:47.869>de <00:29:48.025>backing.

588
00:29:50.665 --> 00:29:52.485
<00:29:50.665>So <00:29:50.945>with <00:29:51.225>Flipper, <00:29:51.504>you <00:29:51.784>will <00:29:52.065>also

589
00:29:53.155 --> 00:29:56.005
<00:29:53.155>inherit <00:29:53.435>the <00:29:53.715>plugging <00:29:53.995>ecosystem <00:29:54.274>that <00:29:54.555>exists

590
00:29:56.065 --> 00:29:58.925
<00:29:56.065>for <00:29:56.345>Native <00:29:56.625>Androids <00:29:56.905>and <00:29:57.185>I <00:29:57.465>applications.

591
00:29:59.765 --> 00:30:02.765
<00:29:59.765>And <00:29:59.892>this <00:30:00.019>this <00:30:00.146>means <00:30:00.274>that <00:30:00.401>you <00:30:00.528>will <00:30:00.655>be <00:30:00.783>able <00:30:00.910>to <00:30:01.037>use <00:30:01.165>plugins

592
00:30:02.765 --> 00:30:05.645
<00:30:02.765>that <00:30:02.965>are, <00:30:03.165>um, <00:30:03.365>aimed <00:30:03.565>to <00:30:03.765>the <00:30:03.965>native <00:30:04.165>applications

593
00:30:05.785 --> 00:30:07.885
<00:30:05.785>for <00:30:06.065>React <00:30:06.345>native <00:30:06.625>application <00:30:06.905>as <00:30:07.185>well.

594
00:30:08.385 --> 00:30:11.565
<00:30:08.385>Uh, <00:30:08.560>for <00:30:08.735>example, <00:30:08.910>the <00:30:09.085>plugins <00:30:09.260>includes <00:30:09.435>the <00:30:09.610>device <00:30:09.785>logs,

595
00:30:11.585 --> 00:30:16.205
<00:30:11.585>the <00:30:11.725>device <00:30:11.865>crash, <00:30:12.005>um, <00:30:12.145>reports, <00:30:12.285>uh, <00:30:12.425>you <00:30:12.565>can <00:30:12.705>inspect <00:30:12.845>your, <00:30:12.985>uh,

596
00:30:16.205 --> 00:30:18.405
<00:30:16.205>network <00:30:16.485>request, <00:30:16.764>which <00:30:17.044>is <00:30:17.324>really <00:30:17.605>great

597
00:30:18.625 --> 00:30:21.325
<00:30:18.625>and <00:30:18.825>we <00:30:19.025>use <00:30:19.225>it <00:30:19.425>in <00:30:19.625>our <00:30:19.825>application <00:30:20.025>also

598
00:30:21.465 --> 00:30:23.525
<00:30:21.465>to <00:30:21.665>see <00:30:21.865>if <00:30:22.064>net <00:30:22.264>per <00:30:22.465>request <00:30:22.665>is <00:30:22.865>working.

599
00:30:24.025 --> 00:30:26.845
<00:30:24.025>So <00:30:24.258>you <00:30:24.491>can <00:30:24.725>inspect <00:30:24.958>your <00:30:25.191>device <00:30:25.425>preferences,

600
00:30:27.105 --> 00:30:28.605
<00:30:27.105>you <00:30:27.375>can <00:30:27.645>inspect <00:30:27.915>the <00:30:28.185>cache <00:30:28.455>images,

601
00:30:28.745 --> 00:30:30.765
<00:30:28.745>you <00:30:29.024>can <00:30:29.304>inspect <00:30:29.584>negative <00:30:29.864>layout <00:30:30.145>elements.

602
00:30:31.105 --> 00:30:32.885
<00:30:31.105>So <00:30:31.385>Flipper <00:30:31.665>is <00:30:31.945>really, <00:30:32.225>really <00:30:32.505>great

603
00:30:33.145 --> 00:30:37.525
<00:30:33.145>and <00:30:33.285>I <00:30:33.425>recommend <00:30:33.565>strongly <00:30:33.705>to <00:30:33.845>use <00:30:33.985>it <00:30:34.125>for <00:30:34.264>de <00:30:34.405>uh, <00:30:34.545>debugging.

604
00:30:37.775 --> 00:30:41.605
<00:30:37.775>Check <00:30:37.902>it <00:30:38.029>and <00:30:38.156>you <00:30:38.284>will <00:30:38.411>see <00:30:38.538>that, <00:30:38.665>uh, <00:30:38.793>is <00:30:38.920>there's <00:30:39.047>a <00:30:39.175>lot

605
00:30:41.605 --> 00:30:43.085
<00:30:41.605>of <00:30:41.871>features <00:30:42.137>that <00:30:42.404>you <00:30:42.670>can <00:30:42.937>use

606
00:30:43.265 --> 00:30:45.325
<00:30:43.265>and <00:30:43.545>that <00:30:43.825>are <00:30:44.105>really, <00:30:44.385>really <00:30:44.665>great.

607
00:30:46.785 --> 00:30:50.285
<00:30:46.785>So, <00:30:47.018>uh, <00:30:47.251>one <00:30:47.485>thing <00:30:47.718>also <00:30:47.951>is <00:30:48.185>deployment.

608
00:30:50.585 --> 00:30:55.045
<00:30:50.585>So <00:30:50.701>on <00:30:50.818>the <00:30:50.935>React <00:30:51.051>native <00:30:51.168>side, <00:30:51.285>uh, <00:30:51.401>we <00:30:51.518>are <00:30:51.635>using <00:30:51.751>the <00:30:51.868>native <00:30:51.985>way

609
00:30:55.225 --> 00:30:56.565
<00:30:55.225>of <00:30:55.828>deploying <00:30:56.431>applications.

610
00:30:57.145 --> 00:31:00.365
<00:30:57.145>And <00:30:57.285>you <00:30:57.425>must <00:30:57.565>remember <00:30:57.705>that <00:30:57.845>React <00:30:57.985>native <00:30:58.125>is <00:30:58.264>only <00:30:58.405>a <00:30:58.545>tool

611
00:31:00.385 --> 00:31:01.685
<00:31:00.385>of <00:31:00.775>writing <00:31:01.165>native <00:31:01.554>apps.

612
00:31:02.105 --> 00:31:03.125
<00:31:02.105>You <00:31:02.334>will <00:31:02.564>have <00:31:02.793>to <00:31:03.023>build

613
00:31:03.265 --> 00:31:07.845
<00:31:03.265>and <00:31:03.405>upload <00:31:03.545>your <00:31:03.685>build <00:31:03.825>for <00:31:03.965>us, <00:31:04.105>uh, <00:31:04.245>for <00:31:04.385>the <00:31:04.525>App <00:31:04.665>store,

614
00:31:07.905 --> 00:31:09.565
<00:31:07.905>Google <00:31:08.185>for <00:31:08.465>the <00:31:08.745>Google <00:31:09.024>Play <00:31:09.305>store,

615
00:31:09.585 --> 00:31:12.005
<00:31:09.585>and <00:31:09.818>whole <00:31:10.051>for <00:31:10.285>the <00:31:10.518>app <00:31:10.751>gallery <00:31:10.985>store.

616
00:31:12.785 --> 00:31:16.605
<00:31:12.785>So <00:31:12.985>after <00:31:13.185>your <00:31:13.385>build <00:31:13.585>is <00:31:13.785>uploaded, <00:31:13.985>for <00:31:14.185>example,

617
00:31:17.055 --> 00:31:21.085
<00:31:17.055>apple <00:31:17.230>will <00:31:17.405>run <00:31:17.580>some <00:31:17.755>automated <00:31:17.930>tests <00:31:18.105>on <00:31:18.280>your <00:31:18.455>applications

618
00:31:21.745 --> 00:31:23.565
<00:31:21.745>for <00:31:22.024>basic <00:31:22.304>info <00:31:22.584>that <00:31:22.864>are <00:31:23.145>provided

619
00:31:23.865 --> 00:31:26.445
<00:31:23.865>and <00:31:24.020>let <00:31:24.176>let <00:31:24.331>you <00:31:24.487>know <00:31:24.642>if <00:31:24.798>there <00:31:24.953>are <00:31:25.109>some <00:31:25.265>issues.

620
00:31:27.105 --> 00:31:31.525
<00:31:27.105>And <00:31:27.280>this <00:31:27.455>process <00:31:27.630>can <00:31:27.805>be <00:31:27.980>like <00:31:28.155>for <00:31:28.330>week <00:31:28.505>long

621
00:31:31.705 --> 00:31:34.325
<00:31:31.705>or <00:31:31.860>can <00:31:32.016>be <00:31:32.171>really <00:31:32.327>fast <00:31:32.482>for <00:31:32.638>a <00:31:32.793>couple <00:31:32.949>of <00:31:33.105>days.

622
00:31:34.625 --> 00:31:36.445
<00:31:34.625>So <00:31:34.905>be <00:31:35.185>prepared <00:31:35.465>for <00:31:35.745>also <00:31:36.025>that.

623
00:31:37.065 --> 00:31:38.565
<00:31:37.065>So <00:31:37.402>after <00:31:37.740>this <00:31:38.077>is <00:31:38.415>okay,

624
00:31:38.945 --> 00:31:41.845
<00:31:38.945>and <00:31:39.120>you <00:31:39.294>could <00:31:39.470>test <00:31:39.645>your <00:31:39.820>application <00:31:39.995>with <00:31:40.169>other <00:31:40.345>developers

625
00:31:41.845 --> 00:31:44.565
<00:31:41.845>through <00:31:42.020>a <00:31:42.195>program <00:31:42.370>Apple <00:31:42.545>provides <00:31:42.720>called <00:31:42.895>the <00:31:43.070>test <00:31:43.245>flight.

626
00:31:44.985 --> 00:31:48.165
<00:31:44.985>Uh, <00:31:45.159>this <00:31:45.334>way <00:31:45.510>you <00:31:45.685>can <00:31:45.860>set <00:31:46.034>application <00:31:46.209>somewhere, <00:31:46.385>uh,

627
00:31:48.165 --> 00:31:52.165
<00:31:48.165>for <00:31:48.320>testing <00:31:48.476>without, <00:31:48.631>uh, <00:31:48.787>plugging <00:31:48.942>a <00:31:49.098>device <00:31:49.253>on <00:31:49.409>your <00:31:49.565>machine.

628
00:31:52.745 --> 00:31:56.485
<00:31:52.745>So <00:31:52.900>it's <00:31:53.056>very <00:31:53.211>important <00:31:53.367>here <00:31:53.522>to <00:31:53.678>note <00:31:53.833>that <00:31:53.989>each <00:31:54.145>development,

629
00:31:56.785 --> 00:31:59.765
<00:31:56.785>uh, <00:31:56.940>will <00:31:57.096>need <00:31:57.251>to <00:31:57.407>pass <00:31:57.562>some <00:31:57.718>validation, <00:31:57.873>like <00:31:58.029>I <00:31:58.185>say.

630
00:32:00.305 --> 00:32:03.645
<00:32:00.305>So <00:32:00.445>it'll <00:32:00.585>take <00:32:00.725>some <00:32:00.865>days <00:32:01.005>for <00:32:01.145>your <00:32:01.285>release <00:32:01.425>to <00:32:01.565>be <00:32:01.705>available

631
00:32:04.065 --> 00:32:06.365
<00:32:04.065>and <00:32:04.265>for <00:32:04.465>testing <00:32:04.665>phase <00:32:04.865>to <00:32:05.065>be, <00:32:05.265>uh, <00:32:05.465>over.

632
00:32:07.465 --> 00:32:10.845
<00:32:07.465>And, <00:32:07.620>uh, <00:32:07.776>one <00:32:07.931>more <00:32:08.087>thing <00:32:08.242>also <00:32:08.398>is <00:32:08.553>Google <00:32:08.709>Play <00:32:08.865>Console

633
00:32:10.945 --> 00:32:13.805
<00:32:10.945>for <00:32:11.120>Google, <00:32:11.294>you <00:32:11.470>will <00:32:11.645>use <00:32:11.820>the <00:32:11.995>Google <00:32:12.169>Play <00:32:12.345>console

634
00:32:13.825 --> 00:32:15.205
<00:32:13.825>to <00:32:14.239>publish <00:32:14.653>your <00:32:15.067>application

635
00:32:15.425 --> 00:32:17.925
<00:32:15.425>and <00:32:15.658>games <00:32:15.891>for <00:32:16.125>the <00:32:16.358>Google <00:32:16.591>Play <00:32:16.825>console.

636
00:32:19.065 --> 00:32:22.245
<00:32:19.065>And <00:32:19.220>also <00:32:19.376>one <00:32:19.531>thing <00:32:19.687>to <00:32:19.842>mention <00:32:19.998>is <00:32:20.153>the <00:32:20.309>Code <00:32:20.465>Push.

637
00:32:22.705 --> 00:32:25.085
<00:32:22.705>Uh, <00:32:22.879>code <00:32:23.054>Push <00:32:23.230>is <00:32:23.405>part <00:32:23.580>of <00:32:23.754>the <00:32:23.929>app <00:32:24.105>center

638
00:32:25.385 --> 00:32:28.725
<00:32:25.385>and <00:32:25.560>Code <00:32:25.735>Push <00:32:25.910>is <00:32:26.085>an <00:32:26.260>app <00:32:26.435>center <00:32:26.610>cloud <00:32:26.785>service

639
00:32:28.995 --> 00:32:31.725
<00:32:28.995>that <00:32:29.274>React <00:32:29.554>native <00:32:29.834>developers <00:32:30.114>can <00:32:30.395>use

640
00:32:31.745 --> 00:32:35.165
<00:32:31.745>to <00:32:31.945>deploy <00:32:32.145>mobile <00:32:32.344>application <00:32:32.544>updates <00:32:32.745>directly <00:32:32.945>to <00:32:33.145>their,

641
00:32:35.345 --> 00:32:36.645
<00:32:35.345>uh, <00:32:35.930>user <00:32:36.514>devices.

642
00:32:37.465 --> 00:32:41.565
<00:32:37.465>So <00:32:37.592>this <00:32:37.719>is <00:32:37.846>a <00:32:37.974>really <00:32:38.101>great <00:32:38.228>way <00:32:38.355>to <00:32:38.483>use, <00:32:38.610>um, <00:32:38.737>in <00:32:38.865>your,

643
00:32:41.565 --> 00:32:43.285
<00:32:41.565>when <00:32:41.915>you're <00:32:42.265>building <00:32:42.615>mobile <00:32:42.965>applications

644
00:32:43.285 --> 00:32:47.685
<00:32:43.285>because <00:32:43.425>when <00:32:43.565>some <00:32:43.705>tester <00:32:43.845>needs <00:32:43.985>some <00:32:44.125>back <00:32:44.265>to <00:32:44.405>get <00:32:44.545>fit <00:32:44.685>fixed

645
00:32:47.745 --> 00:32:50.205
<00:32:47.745>and <00:32:47.900>to <00:32:48.056>check <00:32:48.211>it <00:32:48.367>and <00:32:48.522>you <00:32:48.678>don't <00:32:48.833>want <00:32:48.989>to <00:32:49.145>deploy

646
00:32:50.505 --> 00:32:52.805
<00:32:50.505>and <00:32:50.680>everything <00:32:50.855>else, <00:32:51.030>you <00:32:51.205>can <00:32:51.380>use <00:32:51.555>the <00:32:51.730>code <00:32:51.905>push

647
00:32:53.145 --> 00:32:55.725
<00:32:53.145>and <00:32:53.345>push <00:32:53.545>directly, <00:32:53.745>uh, <00:32:53.945>to <00:32:54.145>the <00:32:54.345>user <00:32:54.545>devices

648
00:32:55.985 --> 00:32:58.965
<00:32:55.985>and <00:32:56.159>your <00:32:56.334>tester <00:32:56.510>can <00:32:56.685>check <00:32:56.860>if <00:32:57.034>everything's <00:32:57.209>working <00:32:57.385>well,

649
00:32:59.585 --> 00:33:03.285
<00:32:59.585>if <00:32:59.712>is <00:32:59.839>it <00:32:59.966>bag <00:33:00.094>free <00:33:00.221>or <00:33:00.348>future <00:33:00.475>is <00:33:00.603>working, <00:33:00.730>uh, <00:33:00.857>real <00:33:00.985>great.

650
00:33:03.945 --> 00:33:07.325
<00:33:03.945>So <00:33:04.072>code <00:33:04.199>Push <00:33:04.326>is <00:33:04.454>one <00:33:04.581>of <00:33:04.708>the <00:33:04.835>things <00:33:04.963>that <00:33:05.090>is <00:33:05.217>really, <00:33:05.345>really,

651
00:33:07.325 --> 00:33:10.285
<00:33:07.325>really <00:33:07.465>great <00:33:07.605>and <00:33:07.745>I <00:33:07.885>recommend <00:33:08.025>you <00:33:08.165>to <00:33:08.305>to <00:33:08.445>check <00:33:08.585>it <00:33:08.725>out.

652
00:33:11.665 --> 00:33:15.525
<00:33:11.665>So, <00:33:11.792>uh, <00:33:11.919>this <00:33:12.046>is <00:33:12.174>the, <00:33:12.301>the <00:33:12.428>all <00:33:12.555>thank <00:33:12.683>you <00:33:12.810>all <00:33:12.937>for, <00:33:13.065>uh,

653
00:33:16.325 --> 00:33:20.005
<00:33:16.325>listening <00:33:16.441>to <00:33:16.558>my <00:33:16.675>talk <00:33:16.791>and, <00:33:16.908>uh, <00:33:17.025>I <00:33:17.141>hope <00:33:17.258>that <00:33:17.375>I <00:33:17.491>hope <00:33:17.608>that, <00:33:17.725>uh,

654
00:33:20.005 --> 00:33:24.285
<00:33:20.005>with <00:33:20.132>my <00:33:20.259>TA <00:33:20.386>talk <00:33:20.514>help <00:33:20.641>people <00:33:20.768>from <00:33:20.895>moving <00:33:21.023>from <00:33:21.150>the <00:33:21.277>web <00:33:21.405>world

655
00:33:24.285 --> 00:33:28.285
<00:33:24.285>to <00:33:24.425>mobile <00:33:24.565>and <00:33:24.705>that <00:33:24.845>I <00:33:24.985>share <00:33:25.125>some <00:33:25.265>tip, <00:33:25.405>uh, <00:33:25.545>uh, <00:33:25.685>tips

656
00:33:28.585 --> 00:33:31.525
<00:33:28.585>and <00:33:28.818>challenges, <00:33:29.051>uh, <00:33:29.285>that <00:33:29.518>were <00:33:29.751>really <00:33:29.985>useful

657
00:33:31.525 --> 00:33:32.765
<00:33:31.525>for <00:33:32.083>my <00:33:32.641>experience

658
00:33:33.265 --> 00:33:37.125
<00:33:33.265>and <00:33:33.405>to <00:33:33.545>bring <00:33:33.685>it <00:33:33.825>closer <00:33:33.965>to <00:33:34.105>you <00:33:34.245>when <00:33:34.385>you're <00:33:34.525>starting <00:33:34.665>first

659
00:33:37.235 --> 00:33:38.805
<00:33:37.235>with, <00:33:37.701>uh, <00:33:38.168>mobile <00:33:38.635>development.

660
00:33:42.455 --> 00:33:45.485
<00:33:42.455>Thank <00:33:42.610>you <00:33:42.766>Amika <00:33:42.921>for <00:33:43.077>your <00:33:43.232>talk. <00:33:43.388>It <00:33:43.543>was <00:33:43.699>very <00:33:43.855>interesting.

661
00:33:46.225 --> 00:33:50.125
<00:33:46.225>And <00:33:46.399>we <00:33:46.574>have, <00:33:46.750>uh, <00:33:46.925>um, <00:33:47.100>some <00:33:47.274>questions. <00:33:47.449>So <00:33:47.625>mm-hmm.

662
00:33:50.225 --> 00:33:53.845
<00:33:50.225>Um, <00:33:50.365>we <00:33:50.504>will <00:33:50.645>start, <00:33:50.784>uh, <00:33:50.925>with <00:33:51.064>one <00:33:51.205>question <00:33:51.344>from <00:33:51.485>Hello <00:33:51.625>Wallet.

663
00:33:54.025 --> 00:33:58.165
<00:33:54.025>So <00:33:54.152>it's <00:33:54.279>a <00:33:54.406>nice <00:33:54.534>name, <00:33:54.661>how <00:33:54.788>much <00:33:54.915>time <00:33:55.043>you <00:33:55.170>invested <00:33:55.297>to <00:33:55.425>get

664
00:33:58.425 --> 00:34:01.805
<00:33:58.425>to <00:33:58.552>a <00:33:58.679>level <00:33:58.806>to <00:33:58.934>be <00:33:59.061>able <00:33:59.188>to <00:33:59.315>build <00:33:59.443>a <00:33:59.570>fully <00:33:59.697>featured <00:33:59.825>app.

665
00:34:03.905 --> 00:34:05.325
<00:34:03.905>Oh, <00:34:04.544>that's <00:34:05.183>interesting

666
00:34:05.325 --> 00:34:07.325
<00:34:05.325>because, <00:34:05.605>um, <00:34:05.885>what <00:34:06.165>was <00:34:06.445>the <00:34:06.725>hardest

667
00:34:07.505 --> 00:34:10.325
<00:34:07.505>for <00:34:07.738>me <00:34:07.971>is <00:34:08.205>the <00:34:08.438>deployment, <00:34:08.671>uh, <00:34:08.905>process.

668
00:34:10.745 --> 00:34:15.285
<00:34:10.745>And <00:34:10.920>because, <00:34:11.094>uh, <00:34:11.270>uh, <00:34:11.444>biggest <00:34:11.620>challenge <00:34:11.795>was, <00:34:11.969>uh, <00:34:12.145>building

669
00:34:15.345 --> 00:34:16.925
<00:34:15.344>and <00:34:15.694>deploying <00:34:16.044>the <00:34:16.395>mobile <00:34:16.745>application

670
00:34:17.195 --> 00:34:20.005
<00:34:17.195>because <00:34:17.350>it's <00:34:17.506>a <00:34:17.661>whole <00:34:17.817>new <00:34:17.972>process <00:34:18.128>different <00:34:18.283>from <00:34:18.439>the <00:34:18.595>web

671
00:34:20.225 --> 00:34:23.285
<00:34:20.225>and <00:34:20.458>it's <00:34:20.691>definitely <00:34:20.924>a <00:34:21.158>whole <00:34:21.391>native <00:34:21.625>experience

672
00:34:23.285 --> 00:34:25.285
<00:34:23.284>that <00:34:23.484>you <00:34:23.685>always <00:34:23.884>have <00:34:24.085>to <00:34:24.284>keep <00:34:24.484>in <00:34:24.685>mind

673
00:34:25.825 --> 00:34:28.285
<00:34:25.824>and <00:34:25.980>for <00:34:26.136>the <00:34:26.291>time, <00:34:26.447>I <00:34:26.602>don't <00:34:26.758>know, <00:34:26.913>you <00:34:27.069>can <00:34:27.225>start

674
00:34:28.705 --> 00:34:31.445
<00:34:28.705>and <00:34:28.860>then <00:34:29.016>see <00:34:29.171>how <00:34:29.327>you <00:34:29.482>are <00:34:29.638>going, <00:34:29.793>how <00:34:29.949>you're <00:34:30.105>good.

675
00:34:31.865 --> 00:34:34.005
<00:34:31.864>If <00:34:32.145>you're <00:34:32.424>familiar <00:34:32.705>maybe <00:34:32.984>with <00:34:33.264>React

676
00:34:34.065 --> 00:34:35.405
<00:34:34.065>and <00:34:34.306>come <00:34:34.547>to <00:34:34.788>the <00:34:35.029>React <00:34:35.271>native.

677
00:34:35.635 --> 00:34:37.645
<00:34:35.635>Yeah, <00:34:35.835>the <00:34:36.035>process <00:34:36.235>may <00:34:36.435>be <00:34:36.635>easier <00:34:36.835>for <00:34:37.035>you

678
00:34:37.645 --> 00:34:39.445
<00:34:37.645>because <00:34:37.878>there <00:34:38.111>are <00:34:38.344>a <00:34:38.578>lot <00:34:38.811>of <00:34:39.045>similarities

679
00:34:39.905 --> 00:34:41.605
<00:34:39.905>and <00:34:40.185>you <00:34:40.465>are <00:34:40.745>starting <00:34:41.025>from <00:34:41.305>scratch

680
00:34:41.945 --> 00:34:44.325
<00:34:41.945>and, <00:34:42.178>um, <00:34:42.411>not <00:34:42.645>doing <00:34:42.878>the, <00:34:43.111>the <00:34:43.345>React

681
00:34:44.325 --> 00:34:46.445
<00:34:44.324>before, <00:34:44.558>it <00:34:44.791>can <00:34:45.024>be <00:34:45.258>a <00:34:45.491>lot, <00:34:45.725>uh,

682
00:34:48.445 --> 00:34:50.965
<00:34:48.445>a <00:34:48.620>lot <00:34:48.795>more <00:34:48.970>time <00:34:49.145>taking <00:34:49.320>to <00:34:49.495>you <00:34:49.670>to <00:34:49.845>get

683
00:34:50.985 --> 00:34:52.125
<00:34:50.985>for <00:34:51.327>our <00:34:51.668>development <00:34:52.011>process,

684
00:34:52.745 --> 00:34:55.525
<00:34:52.745>but <00:34:52.978>yes, <00:34:53.211>can <00:34:53.444>be <00:34:53.678>real <00:34:53.911>really <00:34:54.145>challenging.

685
00:34:57.595 --> 00:35:01.165
<00:34:57.595>Okay. <00:34:57.770>And <00:34:57.944>also <00:34:58.120>we <00:34:58.294>have <00:34:58.470>another <00:34:58.645>question <00:34:58.819>from <00:34:58.995>mm-hmm.

686
00:35:01.225 --> 00:35:03.605
<00:35:01.225>Uh, <00:35:01.380>Lars, <00:35:01.536>uh, <00:35:01.691>if <00:35:01.847>there <00:35:02.002>is <00:35:02.158>a <00:35:02.313>way <00:35:02.469>to <00:35:02.625>publish

687
00:35:03.745 --> 00:35:05.565
<00:35:03.745>or <00:35:03.944>react <00:35:04.145>native <00:35:04.345>apps <00:35:04.545>to <00:35:04.745>the <00:35:04.944>AB <00:35:05.145>store,

688
00:35:05.685 --> 00:35:07.365
<00:35:05.685>I <00:35:05.884>think <00:35:06.085>you <00:35:06.285>mentioned <00:35:06.485>it <00:35:06.685>in <00:35:06.884>the <00:35:07.085>presentation,

689
00:35:07.625 --> 00:35:10.045
<00:35:07.625>but <00:35:07.800>maybe <00:35:07.975>you <00:35:08.150>can <00:35:08.325>also, <00:35:08.500>uh, <00:35:08.675>answer <00:35:08.850>it <00:35:09.025>again.

690
00:35:10.585 --> 00:35:13.885
<00:35:10.585>Yes, <00:35:10.760>yes. <00:35:10.935>There's <00:35:11.110>way <00:35:11.285>to, <00:35:11.460>uh, <00:35:11.635>publish <00:35:11.810>your <00:35:11.985>applications.

691
00:35:14.145 --> 00:35:17.885
<00:35:14.145>So <00:35:14.285>you <00:35:14.425>would <00:35:14.565>use <00:35:14.705>for <00:35:14.845>the, <00:35:14.985>uh, <00:35:15.125>i <00:35:15.265>the <00:35:15.405>app <00:35:15.545>store

692
00:35:17.905 --> 00:35:19.085
<00:35:17.905>to <00:35:18.259>publish <00:35:18.613>your <00:35:18.967>application.

693
00:35:19.505 --> 00:35:22.685
<00:35:19.505>If <00:35:19.632>you <00:35:19.759>are <00:35:19.886>building <00:35:20.014>the <00:35:20.141>Android, <00:35:20.268>you <00:35:20.395>will <00:35:20.523>use <00:35:20.650>the <00:35:20.777>Google <00:35:20.905>Al

694
00:35:22.865 --> 00:35:25.685
<00:35:22.865>and <00:35:23.020>if <00:35:23.176>you <00:35:23.331>are, <00:35:23.487>uh, <00:35:23.642>also <00:35:23.798>building <00:35:23.953>for <00:35:24.109>four <00:35:24.265>away,

695
00:35:25.705 --> 00:35:29.165
<00:35:25.705>you <00:35:25.860>will <00:35:26.016>use <00:35:26.171>the <00:35:26.327>app <00:35:26.482>gallery <00:35:26.638>to <00:35:26.793>publish <00:35:26.949>your <00:35:27.105>applications.

696
00:35:29.425 --> 00:35:33.845
<00:35:29.425>And <00:35:29.541>as <00:35:29.658>I <00:35:29.775>said, <00:35:29.891>you <00:35:30.008>will <00:35:30.125>need <00:35:30.241>to <00:35:30.358>have <00:35:30.475>some <00:35:30.591>review <00:35:30.708>that <00:35:30.825>is,

697
00:35:33.905 --> 00:35:38.445
<00:35:33.905>uh, <00:35:34.060>provided <00:35:34.216>when <00:35:34.371>you, <00:35:34.527>um, <00:35:34.682>set <00:35:34.838>your <00:35:34.993>bills <00:35:35.149>review <00:35:35.305>process,

698
00:35:39.145 --> 00:35:41.765
<00:35:39.145>uh, <00:35:39.320>so <00:35:39.495>they <00:35:39.670>can <00:35:39.845>check <00:35:40.020>if <00:35:40.195>everything's <00:35:40.370>working <00:35:40.545>okay.

699
00:35:42.105 --> 00:35:44.165
<00:35:42.105>And <00:35:42.280>you'll <00:35:42.455>have <00:35:42.630>to <00:35:42.805>have <00:35:42.980>that <00:35:43.155>in <00:35:43.330>mind <00:35:43.505>that

700
00:35:44.745 --> 00:35:46.365
<00:35:44.745>it <00:35:45.025>can <00:35:45.305>take <00:35:45.585>the <00:35:45.865>several <00:35:46.145>days

701
00:35:46.545 --> 00:35:50.005
<00:35:46.545>or <00:35:46.685>a <00:35:46.825>week <00:35:46.965>long <00:35:47.105>that, <00:35:47.245>uh, <00:35:47.385>review <00:35:47.525>process <00:35:47.665>is, <00:35:47.805>is <00:35:47.945>done.

702
00:35:52.015 --> 00:35:55.845
<00:35:52.015>Great. <00:35:52.248>And <00:35:52.481>one <00:35:52.714>another <00:35:52.948>question <00:35:53.181>from <00:35:53.415>Carlos.

703
00:35:56.185 --> 00:35:58.845
<00:35:56.185>As <00:35:56.340>a <00:35:56.496>React <00:35:56.651>native <00:35:56.807>developer, <00:35:56.962>what <00:35:57.118>is <00:35:57.273>the <00:35:57.429>best <00:35:57.585>way

704
00:35:58.845 --> 00:36:01.085
<00:35:58.845>to <00:35:59.044>learner, <00:35:59.245>uh, <00:35:59.444>sorry, <00:35:59.645>as <00:35:59.845>a <00:36:00.044>React <00:36:00.245>developer,

705
00:36:01.085 --> 00:36:03.125
<00:36:01.085>what <00:36:01.240>is <00:36:01.396>the <00:36:01.551>best <00:36:01.707>way <00:36:01.862>to <00:36:02.018>learn <00:36:02.173>a <00:36:02.329>React <00:36:02.485>native?

706
00:36:03.785 --> 00:36:06.605
<00:36:03.785>Uh, <00:36:03.960>do <00:36:04.134>you <00:36:04.310>have <00:36:04.484>any <00:36:04.660>books, <00:36:04.835>websites, <00:36:05.009>uh, <00:36:05.185>like,

707
00:36:06.625 --> 00:36:09.245
<00:36:06.625>or <00:36:06.780>both <00:36:06.936>to <00:36:07.091>what <00:36:07.247>do <00:36:07.402>you <00:36:07.558>think <00:36:07.713>the <00:36:07.869>most <00:36:08.025>appropriate

708
00:36:09.265 --> 00:36:10.685
<00:36:09.265>to <00:36:09.520>become <00:36:09.776>a <00:36:10.031>React <00:36:10.287>native <00:36:10.543>developer?

709
00:36:11.315 --> 00:36:14.285
<00:36:11.315>Yeah, <00:36:11.490>I, <00:36:11.665>I <00:36:11.840>recommend <00:36:12.015>to <00:36:12.190>just <00:36:12.365>dive <00:36:12.540>in <00:36:12.715>it.

710
00:36:14.385 --> 00:36:16.765
<00:36:14.385>Uh, <00:36:14.585>there's <00:36:14.785>a <00:36:14.985>great <00:36:15.185>documentation <00:36:15.385>about <00:36:15.585>React <00:36:15.785>Native.

711
00:36:16.865 --> 00:36:18.805
<00:36:16.865>You <00:36:17.098>can <00:36:17.331>follow <00:36:17.564>the <00:36:17.798>steps <00:36:18.031>and <00:36:18.265>instructions

712
00:36:19.345 --> 00:36:22.845
<00:36:19.345>and <00:36:19.472>maybe <00:36:19.599>I <00:36:19.726>can <00:36:19.854>share <00:36:19.981>some, <00:36:20.108>some <00:36:20.235>of <00:36:20.363>the <00:36:20.490>best, <00:36:20.617>uh, <00:36:20.745>tutorials

713
00:36:23.145 --> 00:36:26.765
<00:36:23.145>and, <00:36:23.272>uh, <00:36:23.399>books <00:36:23.526>on <00:36:23.654>my <00:36:23.781>Twitter <00:36:23.908>maybe, <00:36:24.035>or <00:36:24.163>you <00:36:24.290>can <00:36:24.417>reach <00:36:24.545>me

714
00:36:26.765 --> 00:36:28.285
<00:36:26.765>after <00:36:26.960>and <00:36:27.155>I <00:36:27.351>can <00:36:27.546>share <00:36:27.742>'em <00:36:27.937>with <00:36:28.133>you.

715
00:36:28.785 --> 00:36:31.845
<00:36:28.785>But <00:36:28.924>I <00:36:29.065>think <00:36:29.205>the <00:36:29.345>whole <00:36:29.484>process <00:36:29.625>will <00:36:29.765>be <00:36:29.904>a <00:36:30.045>really <00:36:30.185>great

716
00:36:31.845 --> 00:36:34.885
<00:36:31.845>experience <00:36:32.020>for <00:36:32.194>you <00:36:32.370>because <00:36:32.544>you're <00:36:32.720>a <00:36:32.895>React <00:36:33.069>developer <00:36:33.245>coming

717
00:36:34.885 --> 00:36:37.885
<00:36:34.885>to <00:36:35.040>the <00:36:35.196>React <00:36:35.351>native <00:36:35.507>and <00:36:35.662>that <00:36:35.818>could <00:36:35.973>be <00:36:36.129>really, <00:36:36.285>uh,

718
00:36:38.165 --> 00:36:39.685
<00:36:38.165>interesting, <00:36:38.621>interesting <00:36:39.077>and <00:36:39.533>exciting.

719
00:36:41.195 --> 00:36:44.605
<00:36:41.195>Yeah. <00:36:41.545>Uh, <00:36:41.895>one <00:36:42.245>another <00:36:42.595>question.

720
00:36:44.665 --> 00:36:46.485
<00:36:44.665>Do <00:36:44.840>you <00:36:45.015>work, <00:36:45.190>uh, <00:36:45.365>or <00:36:45.540>how <00:36:45.715>do <00:36:45.890>you <00:36:46.065>work

721
00:36:46.545 --> 00:36:48.325
<00:36:46.545>as <00:36:46.745>a <00:36:46.945>team <00:36:47.145>on <00:36:47.345>a <00:36:47.545>React <00:36:47.745>native <00:36:47.945>apps?

722
00:36:48.355 --> 00:36:51.685
<00:36:48.355>What <00:36:48.510>is <00:36:48.666>the <00:36:48.821>process <00:36:48.977>behind <00:36:49.132>the <00:36:49.288>development <00:36:49.443>and <00:36:49.599>the <00:36:49.755>testing?

723
00:36:52.715 --> 00:36:56.005
<00:36:52.715>Yeah, <00:36:52.890>uh, <00:36:53.065>so <00:36:53.240>in <00:36:53.415>our <00:36:53.590>team <00:36:53.765>we <00:36:53.940>have <00:36:54.115>the,

724
00:36:56.265 --> 00:36:58.445
<00:36:56.265>the <00:36:56.498>mobile <00:36:56.731>developers, <00:36:56.964>we <00:36:57.198>have <00:36:57.431>backup <00:36:57.665>developers,

725
00:36:58.445 --> 00:37:01.725
<00:36:58.445>we <00:36:58.600>have <00:36:58.756>testers, <00:36:58.911>and <00:36:59.067>we <00:36:59.222>are <00:36:59.378>working <00:36:59.533>by <00:36:59.689>the <00:36:59.845>process.

726
00:37:02.065 --> 00:37:03.845
<00:37:02.065>So <00:37:02.415>we <00:37:02.765>have <00:37:03.115>sprints <00:37:03.465>and

727
00:37:04.015 --> 00:37:07.085
<00:37:04.015>after <00:37:04.214>each <00:37:04.415>sprint <00:37:04.615>features <00:37:04.815>that <00:37:05.015>want <00:37:05.214>be <00:37:05.415>published,

728
00:37:07.265 --> 00:37:11.365
<00:37:07.265>and <00:37:07.420>if <00:37:07.576>our <00:37:07.731>application <00:37:07.887>was <00:37:08.042>live, <00:37:08.198>so <00:37:08.353>tester <00:37:08.509>will, <00:37:08.665>uh,

729
00:37:11.395 --> 00:37:15.445
<00:37:11.395>test <00:37:11.522>it <00:37:11.649>reviewed <00:37:11.776>and <00:37:11.904>then <00:37:12.031>we'll <00:37:12.158>publish <00:37:12.285>it <00:37:12.413>on, <00:37:12.540>on <00:37:12.667>the <00:37:12.795>store.

730
00:37:15.985 --> 00:37:17.205
<00:37:15.985>So <00:37:16.259>working <00:37:16.534>on <00:37:16.808>a <00:37:17.083>team

731
00:37:17.265 --> 00:37:19.805
<00:37:17.265>and <00:37:17.464>mobile <00:37:17.665>applications <00:37:17.865>can <00:37:18.065>be <00:37:18.265>really, <00:37:18.464>really <00:37:18.665>great.

732
00:37:20.065 --> 00:37:23.125
<00:37:20.065>You <00:37:20.192>have <00:37:20.319>the <00:37:20.446>support <00:37:20.574>of <00:37:20.701>the <00:37:20.828>team, <00:37:20.955>you <00:37:21.083>can <00:37:21.210>work <00:37:21.337>as <00:37:21.465>long

733
00:37:23.665 --> 00:37:27.445
<00:37:23.665>and <00:37:23.792>a <00:37:23.919>tester <00:37:24.046>is <00:37:24.174>there <00:37:24.301>to <00:37:24.428>check <00:37:24.555>if, <00:37:24.683>uh, <00:37:24.810>you <00:37:24.937>deliver <00:37:25.065>the,

734
00:37:27.545 --> 00:37:30.405
<00:37:27.545>the <00:37:27.778>whole <00:37:28.011>thing <00:37:28.245>without <00:37:28.478>any <00:37:28.711>bags <00:37:28.945>bug.

735
00:37:30.665 --> 00:37:31.665
<00:37:30.665>So, <00:37:31.565>yeah.

736
00:37:32.475 --> 00:37:36.165
<00:37:32.475>Yeah. <00:37:32.708>Okay. <00:37:32.941>And <00:37:33.174>another <00:37:33.408>question <00:37:33.641>from <00:37:33.875>Mary.

737
00:37:36.355 --> 00:37:38.645
<00:37:36.355>What <00:37:36.588>was <00:37:36.821>the <00:37:37.055>biggest <00:37:37.288>challenge <00:37:37.521>going <00:37:37.755>from

738
00:37:38.665 --> 00:37:39.845
<00:37:38.665>web <00:37:38.930>to <00:37:39.196>mobile <00:37:39.461>for <00:37:39.727>you?

739
00:37:40.555 --> 00:37:43.245
<00:37:40.555>Yeah, <00:37:40.730>as <00:37:40.904>I <00:37:41.080>say, <00:37:41.254>the <00:37:41.430>biggest <00:37:41.605>challenge <00:37:41.779>was <00:37:41.955>building

740
00:37:43.305 --> 00:37:45.205
<00:37:43.305>and <00:37:43.654>deploying <00:37:44.004>the <00:37:44.355>mobile <00:37:44.705>application.

741
00:37:45.755 --> 00:37:46.765
<00:37:45.755>It's <00:37:45.982>a <00:37:46.209>whole <00:37:46.436>new <00:37:46.663>process

742
00:37:47.305 --> 00:37:51.245
<00:37:47.305>and <00:37:47.504>you, <00:37:47.705>you <00:37:47.904>can, <00:37:48.105>you <00:37:48.305>don't, <00:37:48.504>don't <00:37:48.705>know

743
00:37:51.245 --> 00:37:53.885
<00:37:51.245>to <00:37:51.444>think <00:37:51.645>about <00:37:51.845>the <00:37:52.045>web, <00:37:52.245>uh, <00:37:52.444>you <00:37:52.645>know,

744
00:37:53.885 --> 00:37:56.325
<00:37:53.885>to <00:37:54.118>think <00:37:54.351>about <00:37:54.585>the <00:37:54.818>mobiles <00:37:55.051>and <00:37:55.285>natives

745
00:37:56.545 --> 00:38:00.245
<00:37:56.545>and <00:37:56.685>you <00:37:56.825>need <00:37:56.965>to, <00:37:57.105>uh, <00:37:57.245>use <00:37:57.385>the <00:37:57.525>native <00:37:57.665>way <00:37:57.805>of, <00:37:57.945>uh,

746
00:38:00.275 --> 00:38:01.485
<00:38:00.275>deploying <00:38:01.364>applications

747
00:38:01.705 --> 00:38:05.925
<00:38:01.705>and <00:38:01.812>that <00:38:01.920>is <00:38:02.028>some <00:38:02.135>sort <00:38:02.243>of <00:38:02.351>new <00:38:02.458>things <00:38:02.566>that <00:38:02.674>I <00:38:02.781>need <00:38:02.889>to, <00:38:02.997>to <00:38:03.105>face,

748
00:38:06.745 --> 00:38:08.525
<00:38:06.745>but <00:38:07.025>it's <00:38:07.305>a <00:38:07.585>whole <00:38:07.865>native <00:38:08.145>experience.

749
00:38:08.745 --> 00:38:12.365
<00:38:08.745>Uh, <00:38:08.884>it <00:38:09.025>was <00:38:09.165>great <00:38:09.305>really. <00:38:09.444>So <00:38:09.585>now <00:38:09.725>it's <00:38:09.865>working <00:38:10.005>all <00:38:10.145>well,

750
00:38:14.705 --> 00:38:17.045
<00:38:14.705>Uh, <00:38:14.938>thank <00:38:15.171>you, <00:38:15.404>uh, <00:38:15.638>one <00:38:15.871>from <00:38:16.105>David,

751
00:38:17.135 --> 00:38:19.325
<00:38:17.135>which <00:38:17.335>navigation <00:38:17.535>you <00:38:17.735>are <00:38:17.935>using <00:38:18.135>for <00:38:18.335>React <00:38:18.535>Native

752
00:38:19.425 --> 00:38:21.605
<00:38:19.425>and <00:38:19.625>how <00:38:19.825>to <00:38:20.025>choose <00:38:20.225>which <00:38:20.425>one <00:38:20.625>to <00:38:20.825>go.

753
00:38:22.595 --> 00:38:25.685
<00:38:22.595>Yeah, <00:38:22.770>so <00:38:22.944>if <00:38:23.120>you're <00:38:23.294>getting <00:38:23.470>started <00:38:23.645>with <00:38:23.819>the <00:38:23.995>navigation,

754
00:38:25.905 --> 00:38:28.525
<00:38:25.905>you <00:38:26.080>will <00:38:26.255>probably <00:38:26.430>want <00:38:26.605>to <00:38:26.780>use <00:38:26.955>the <00:38:27.130>React <00:38:27.305>navigation.

755
00:38:29.145 --> 00:38:31.405
<00:38:29.145>So <00:38:29.425>react <00:38:29.705>navigation <00:38:29.985>will <00:38:30.265>provide, <00:38:30.545>uh,

756
00:38:31.765 --> 00:38:33.445
<00:38:31.765>straightforward <00:38:32.464>navigation <00:38:33.165>solutions.

757
00:38:33.985 --> 00:38:37.005
<00:38:33.985>So <00:38:34.160>with <00:38:34.335>ability <00:38:34.510>to, <00:38:34.685>to <00:38:34.860>present <00:38:35.035>comm <00:38:35.210>stack <00:38:35.385>navigations

758
00:38:37.105 --> 00:38:39.565
<00:38:37.105>to <00:38:37.338>use <00:38:37.571>tab <00:38:37.805>navigation <00:38:38.038>for <00:38:38.271>both <00:38:38.505>Android

759
00:38:39.665 --> 00:38:41.965
<00:38:39.665>and <00:38:40.015>I, <00:38:40.365>if, <00:38:40.715>if <00:38:41.065>you're

760
00:38:42.635 --> 00:38:45.485
<00:38:42.635>integrating <00:38:42.835>in <00:38:43.035>the <00:38:43.235>React <00:38:43.435>native <00:38:43.635>into <00:38:43.835>the <00:38:44.035>applications

761
00:38:45.835 --> 00:38:48.725
<00:38:45.835>manager <00:38:46.035>you <00:38:46.235>are, <00:38:46.435>you <00:38:46.635>can <00:38:46.835>look <00:38:47.035>for <00:38:47.235>um,

762
00:38:49.255 --> 00:38:51.165
<00:38:49.255>react <00:38:49.605>native <00:38:49.955>navigation <00:38:50.305>as <00:38:50.655>well.

763
00:38:51.425 --> 00:38:54.245
<00:38:51.425>So <00:38:51.600>both <00:38:51.775>packages <00:38:51.950>are <00:38:52.125>really <00:38:52.300>great, <00:38:52.475>as <00:38:52.650>I <00:38:52.825>mentioned,

764
00:38:54.705 --> 00:38:55.725
<00:38:54.705>as <00:38:55.011>I <00:38:55.317>mentioned <00:38:55.623>before.

765
00:38:55.905 --> 00:38:59.085
<00:38:55.905>So <00:38:56.021>you <00:38:56.138>need <00:38:56.255>to <00:38:56.371>choose <00:38:56.488>what <00:38:56.605>is <00:38:56.721>the, <00:38:56.838>the <00:38:56.955>right <00:38:57.071>one <00:38:57.188>for <00:38:57.305>you.

766
00:39:01.815 --> 00:39:04.485
<00:39:01.815>Thank <00:39:02.015>you. <00:39:02.215>So, <00:39:02.415>uh, <00:39:02.615>one <00:39:02.815>question <00:39:03.015>from <00:39:03.215>Sam.

767
00:39:04.755 --> 00:39:07.965
<00:39:04.755>What <00:39:04.910>would <00:39:05.066>be <00:39:05.221>a <00:39:05.377>great <00:39:05.532>first <00:39:05.688>practice <00:39:05.843>app, <00:39:05.999>which <00:39:06.155>feature

768
00:39:08.105 --> 00:39:10.485
<00:39:08.105>to <00:39:08.305>start <00:39:08.505>and <00:39:08.705>so <00:39:08.905>on <00:39:09.105>with <00:39:09.305>React <00:39:09.505>native?

769
00:39:10.585 --> 00:39:13.645
<00:39:10.585>So <00:39:10.760>there <00:39:10.935>is <00:39:11.110>something, <00:39:11.285>uh, <00:39:11.460>we <00:39:11.635>can <00:39:11.810>start <00:39:11.985>with.

770
00:39:15.425 --> 00:39:18.325
<00:39:15.425>Um, <00:39:15.705>can <00:39:15.985>you <00:39:16.265>repeat <00:39:16.545>the <00:39:16.825>question?

771
00:39:19.105 --> 00:39:22.445
<00:39:19.105>So, <00:39:19.260>uh, <00:39:19.416>he <00:39:19.571>asking <00:39:19.727>about <00:39:19.882>what, <00:39:20.038>what <00:39:20.193>be, <00:39:20.349>uh, <00:39:20.505>uh,

772
00:39:22.475 --> 00:39:24.565
<00:39:22.475>what <00:39:22.674>would <00:39:22.875>be <00:39:23.075>a <00:39:23.275>great <00:39:23.475>first <00:39:23.674>practice <00:39:23.875>app.

773
00:39:24.625 --> 00:39:26.485
<00:39:24.625>So <00:39:24.800>for <00:39:24.975>example, <00:39:25.150>if <00:39:25.325>I'm <00:39:25.500>starting <00:39:25.675>with <00:39:25.850>React <00:39:26.025>Native,

774
00:39:26.505 --> 00:39:29.685
<00:39:26.505>if <00:39:26.660>there <00:39:26.816>is <00:39:26.971>like, <00:39:27.127>um, <00:39:27.282>a <00:39:27.438>practice <00:39:27.593>app <00:39:27.749>for <00:39:27.905>start

775
00:39:29.715 --> 00:39:32.245
<00:39:29.715>with <00:39:29.995>React <00:39:30.275>native <00:39:30.555>with <00:39:30.835>different <00:39:31.115>features

776
00:39:32.265 --> 00:39:34.805
<00:39:32.265>or <00:39:32.440>something <00:39:32.615>like <00:39:32.790>this <00:39:32.964>or <00:39:33.140>start <00:39:33.315>simply <00:39:33.490>and <00:39:33.665>then

777
00:39:34.805 --> 00:39:37.485
<00:39:34.805>after <00:39:35.004>that <00:39:35.205>start <00:39:35.404>adding <00:39:35.605>more <00:39:35.805>features <00:39:36.004>in <00:39:36.205>app.

778
00:39:38.115 --> 00:39:40.405
<00:39:38.115>Yeah, <00:39:38.348>you <00:39:38.581>should <00:39:38.814>just <00:39:39.048>start <00:39:39.281>simply <00:39:39.515>mm-hmm.

779
00:39:40.425 --> 00:39:44.405
<00:39:40.425>And <00:39:40.625>then <00:39:40.825>think <00:39:41.025>about <00:39:41.225>also <00:39:41.425>archite <00:39:41.625>your <00:39:41.825>applications.

780
00:39:44.575 --> 00:39:46.205
<00:39:44.575>Think <00:39:44.924>about <00:39:45.274>components <00:39:45.625>as <00:39:45.975>well.

781
00:39:46.585 --> 00:39:50.445
<00:39:46.585>As <00:39:46.725>you <00:39:46.865>said <00:39:47.005>you <00:39:47.145>are <00:39:47.285>not <00:39:47.425>using <00:39:47.565>the <00:39:47.705>HTML, <00:39:47.845>you'll <00:39:47.985>need

782
00:39:50.445 --> 00:39:54.005
<00:39:50.445>to <00:39:50.600>get <00:39:50.756>familiar <00:39:50.911>with <00:39:51.067>the <00:39:51.222>core <00:39:51.378>components <00:39:51.533>from <00:39:51.689>React <00:39:51.845>native

783
00:39:54.665 --> 00:39:56.005
<00:39:54.665>and <00:39:54.966>to <00:39:55.268>start <00:39:55.569>using <00:39:55.871>them.

784
00:39:56.225 --> 00:39:57.285
<00:39:56.225>So <00:39:56.542>start <00:39:56.861>with <00:39:57.179>that

785
00:39:57.345 --> 00:40:00.325
<00:39:57.345>and <00:39:57.500>then <00:39:57.656>add <00:39:57.811>some <00:39:57.967>of <00:39:58.122>the <00:39:58.278>best <00:39:58.433>practice <00:39:58.589>uh, <00:39:58.745>later.

786
00:40:02.395 --> 00:40:04.925
<00:40:02.395>Okay. <00:40:02.570>And <00:40:02.745>maybe <00:40:02.920>this <00:40:03.095>will <00:40:03.270>be <00:40:03.445>the <00:40:03.620>last <00:40:03.795>question.

787
00:40:04.925 --> 00:40:07.365
<00:40:04.925>If <00:40:05.158>there <00:40:05.391>is <00:40:05.625>any <00:40:05.858>backend <00:40:06.091>uh, <00:40:06.325>difference

788
00:40:07.485 --> 00:40:12.085
<00:40:07.485>between <00:40:07.718>the <00:40:07.951>both <00:40:08.185>a <00:40:08.418>BI <00:40:08.651>development, <00:40:08.885>um,

789
00:40:12.405 --> 00:40:13.525
<00:40:12.405>I <00:40:12.657>think <00:40:12.909>maybe <00:40:13.161>he <00:40:13.413>mentioned

790
00:40:13.525 --> 00:40:16.245
<00:40:13.525>that <00:40:13.665>there <00:40:13.805>is <00:40:13.945>any <00:40:14.085>difference <00:40:14.225>in <00:40:14.365>the <00:40:14.505>backend <00:40:14.645>from <00:40:14.785>web, <00:40:14.925>uh,

791
00:40:16.265 --> 00:40:18.205
<00:40:16.265>to <00:40:16.615>the <00:40:16.964>mobile, <00:40:17.315>uh, <00:40:17.665>development.

792
00:40:20.025 --> 00:40:21.045
<00:40:20.025>Mm, <00:40:20.943>yeah,

793
00:40:21.075 --> 00:40:24.085
<00:40:21.075>because <00:40:21.250>difference <00:40:21.424>is <00:40:21.600>that <00:40:21.774>you <00:40:21.950>are <00:40:22.125>not <00:40:22.299>using <00:40:22.475>the,

794
00:40:24.145 --> 00:40:26.645
<00:40:24.145>the <00:40:24.345>web <00:40:24.545>applications, <00:40:24.745>you'll <00:40:24.945>not <00:40:25.145>using <00:40:25.345>the <00:40:25.545>browser,

795
00:40:27.425 --> 00:40:29.165
<00:40:27.425>you'll <00:40:27.775>need <00:40:28.125>to <00:40:28.475>get <00:40:28.825>familiar

796
00:40:29.305 --> 00:40:32.845
<00:40:29.305>for <00:40:29.460>both <00:40:29.616>platforms <00:40:29.771>if <00:40:29.927>you're <00:40:30.082>developing <00:40:30.238>for <00:40:30.393>I <00:40:30.549>and <00:40:30.705>Android.

797
00:40:33.665 --> 00:40:36.765
<00:40:33.665>So <00:40:33.865>I <00:40:34.065>dunno <00:40:34.265>if <00:40:34.465>that <00:40:34.665>answers, <00:40:34.865>uh, <00:40:35.065>questions.

798
00:40:39.905 --> 00:40:41.405
<00:40:39.905>We <00:40:40.242>still <00:40:40.580>have <00:40:40.917>another <00:40:41.255>question.

799
00:40:41.405 --> 00:40:44.165
<00:40:41.405>Wanted <00:40:41.580>the <00:40:41.755>tooling <00:40:41.930>and <00:40:42.105>react <00:40:42.280>native <00:40:42.455>to <00:40:42.630>push <00:40:42.805>user

800
00:40:44.265 --> 00:40:46.405
<00:40:44.265>to <00:40:44.498>upgrade <00:40:44.731>your <00:40:44.964>app <00:40:45.198>to <00:40:45.431>specific <00:40:45.665>version?

801
00:40:47.505 --> 00:40:50.045
<00:40:47.505>Uh, <00:40:47.660>on <00:40:47.816>the <00:40:47.971>other <00:40:48.127>hand, <00:40:48.282>how <00:40:48.438>do <00:40:48.593>you <00:40:48.749>manage, <00:40:48.905>uh,

802
00:40:50.185 --> 00:40:52.885
<00:40:50.185>who <00:40:50.384>can <00:40:50.585>download <00:40:50.785>your <00:40:50.985>application <00:40:51.185>when <00:40:51.384>it's <00:40:51.585>developed

803
00:40:52.905 --> 00:40:54.685
<00:40:52.905>for <00:40:53.185>a <00:40:53.465>specific <00:40:53.745>client, <00:40:54.025>for <00:40:54.305>example?

804
00:40:55.515 --> 00:40:57.605
<00:40:55.515>Yeah, <00:40:55.714>you <00:40:55.915>can <00:40:56.115>use <00:40:56.315>the, <00:40:56.515>uh, <00:40:56.714>test <00:40:56.915>slide

805
00:40:57.865 --> 00:41:01.765
<00:40:57.865>and <00:40:58.040>app <00:40:58.214>distribution <00:40:58.390>for, <00:40:58.564>um, <00:40:58.740>releasing <00:40:58.915>a <00:40:59.089>new, <00:40:59.265>uh,

806
00:41:01.765 --> 00:41:03.405
<00:41:01.765>new <00:41:02.115>version <00:41:02.464>of <00:41:02.815>your <00:41:03.165>applications.

807
00:41:04.065 --> 00:41:05.965
<00:41:04.065>And <00:41:04.240>you <00:41:04.415>will <00:41:04.590>also <00:41:04.765>need, <00:41:04.940>uh, <00:41:05.115>as <00:41:05.290>I <00:41:05.465>say,

808
00:41:06.065 --> 00:41:07.965
<00:41:06.065>to <00:41:06.415>review <00:41:06.765>all <00:41:07.115>the <00:41:07.465>process,

809
00:41:08.265 --> 00:41:10.525
<00:41:08.265>but <00:41:08.464>you <00:41:08.665>can <00:41:08.865>use <00:41:09.065>the <00:41:09.265>app, <00:41:09.464>uh, <00:41:09.665>distribution

810
00:41:10.625 --> 00:41:14.245
<00:41:10.625>to <00:41:10.800>publish <00:41:10.975>a <00:41:11.150>new <00:41:11.325>version <00:41:11.500>of <00:41:11.675>your <00:41:11.850>application <00:41:12.025>to

811
00:41:14.305 --> 00:41:15.605
<00:41:14.305>to <00:41:14.694>the <00:41:15.085>store <00:41:15.475>Store.

812
00:41:16.145 --> 00:41:17.885
<00:41:16.145>And <00:41:16.425>I <00:41:16.705>also, <00:41:16.985>uh, <00:41:17.265>forgot <00:41:17.545>mention

813
00:41:17.885 --> 00:41:21.125
<00:41:17.885>that <00:41:18.060>the <00:41:18.235>test <00:41:18.410>client <00:41:18.585>has <00:41:18.760>really <00:41:18.935>great <00:41:19.110>support <00:41:19.285>for

814
00:41:21.155 --> 00:41:22.245
<00:41:21.155>that <00:41:21.645>program <00:41:22.136>tester.

815
00:41:22.785 --> 00:41:25.365
<00:41:22.785>So <00:41:23.134>if <00:41:23.484>you <00:41:23.835>are <00:41:24.185>applications

816
00:41:25.545 --> 00:41:30.085
<00:41:25.545>and <00:41:25.685>you <00:41:25.825>want <00:41:25.965>to, <00:41:26.105>um, <00:41:26.245>I <00:41:26.385>have <00:41:26.525>some, <00:41:26.665>um, <00:41:26.805>testing <00:41:26.945>phase.

817
00:41:30.385 --> 00:41:33.805
<00:41:30.385>So <00:41:30.525>test <00:41:30.665>flight <00:41:30.805>is <00:41:30.945>the <00:41:31.085>also <00:41:31.225>great <00:41:31.365>paid, <00:41:31.505>uh, <00:41:31.645>to <00:41:31.785>go.

818
00:41:35.275 --> 00:41:38.205
<00:41:35.275>Okay. <00:41:35.430>And <00:41:35.586>maybe <00:41:35.741>I <00:41:35.897>lost <00:41:36.052>the <00:41:36.208>question <00:41:36.363>from <00:41:36.519>my <00:41:36.675>side.

819
00:41:38.205 --> 00:41:41.885
<00:41:38.205>Just <00:41:38.360>I'm, <00:41:38.516>I'm, <00:41:38.671>I'm <00:41:38.827>interested <00:41:38.982>in, <00:41:39.138>uh, <00:41:39.293>to <00:41:39.449>know <00:41:39.605>when,

820
00:41:41.915 --> 00:41:44.045
<00:41:41.915>when <00:41:42.148>it <00:41:42.381>comes <00:41:42.615>to <00:41:42.848>UI <00:41:43.081>testing, <00:41:43.315>um,

821
00:41:44.295 --> 00:41:47.845
<00:41:44.295>shall <00:41:44.435>we <00:41:44.575>test <00:41:44.715>the <00:41:44.855>application <00:41:44.995>or <00:41:45.135>the, <00:41:45.275>the <00:41:45.415>both <00:41:45.555>native <00:41:45.695>apps

822
00:41:47.905 --> 00:41:49.925
<00:41:47.905>or <00:41:48.138>we <00:41:48.371>can <00:41:48.605>use <00:41:48.838>just <00:41:49.071>for <00:41:49.305>example

823
00:41:50.025 --> 00:41:52.925
<00:41:50.025>or <00:41:50.200>detox <00:41:50.375>as <00:41:50.550>a <00:41:50.725>framework <00:41:50.900>to <00:41:51.075>test <00:41:51.250>both <00:41:51.425>application

824
00:41:52.925 --> 00:41:56.045
<00:41:52.925>or <00:41:53.100>to <00:41:53.275>write <00:41:53.450>one <00:41:53.625>framework <00:41:53.800>for <00:41:53.975>both <00:41:54.150>native <00:41:54.325>apps.

825
00:41:56.225 --> 00:41:57.645
<00:41:56.225>So <00:41:56.407>what <00:41:56.590>do <00:41:56.772>you <00:41:56.955>think, <00:41:57.137>which <00:41:57.320>is <00:41:57.503>the

826
00:41:57.645 --> 00:41:59.205
<00:41:57.645>best <00:41:57.995>practice <00:41:58.345>for <00:41:58.695>UI <00:41:59.045>testing?

827
00:42:00.115 --> 00:42:03.205
<00:42:00.115>Yeah, <00:42:00.348>it's <00:42:00.581>really <00:42:00.814>great <00:42:01.048>that <00:42:01.281>you <00:42:01.515>test

828
00:42:03.945 --> 00:42:07.125
<00:42:03.945>for <00:42:04.085>both <00:42:04.225>platforms <00:42:04.365>if <00:42:04.505>you <00:42:04.645>are <00:42:04.785>building <00:42:04.925>for <00:42:05.065>US <00:42:05.205>and <00:42:05.345>Android

829
00:42:07.625 --> 00:42:10.805
<00:42:07.625>and <00:42:07.765>as <00:42:07.905>I <00:42:08.045>said, <00:42:08.185>because <00:42:08.325>if <00:42:08.465>you <00:42:08.605>are <00:42:08.745>using <00:42:08.885>some <00:42:09.025>simulators

830
00:42:10.945 --> 00:42:13.365
<00:42:10.945>and <00:42:11.178>emulators, <00:42:11.411>it <00:42:11.645>could <00:42:11.878>be <00:42:12.111>really <00:42:12.345>difficult

831
00:42:13.365 --> 00:42:15.925
<00:42:13.365>because <00:42:13.540>your <00:42:13.714>feature <00:42:13.890>may <00:42:14.064>be <00:42:14.240>working <00:42:14.415>on <00:42:14.589>some <00:42:14.765>sort

832
00:42:15.925 --> 00:42:20.125
<00:42:15.925>of <00:42:16.052>simulation, <00:42:16.179>but <00:42:16.306>um, <00:42:16.434>it <00:42:16.561>can <00:42:16.688>be <00:42:16.815>working <00:42:16.943>on <00:42:17.070>the <00:42:17.197>real <00:42:17.325>device.

833
00:42:20.265 --> 00:42:23.685
<00:42:20.265>So <00:42:20.392>it's <00:42:20.519>really <00:42:20.646>great <00:42:20.774>to <00:42:20.901>use <00:42:21.028>some <00:42:21.155>sort <00:42:21.283>of <00:42:21.410>the <00:42:21.537>testing, <00:42:21.665>uh,

834
00:42:23.985 --> 00:42:28.445
<00:42:23.985>for <00:42:24.160>both <00:42:24.335>real <00:42:24.510>devices, <00:42:24.685>uh, <00:42:24.860>from <00:42:25.035>the, <00:42:25.210>the <00:42:25.385>emulators.

835
00:42:29.595 --> 00:42:33.245
<00:42:29.595>Yeah. <00:42:29.828>Okay. <00:42:30.061>So, <00:42:30.294>uh, <00:42:30.528>thanks <00:42:30.761>a <00:42:30.995>lot.

836
00:42:33.385 --> 00:42:35.485
<00:42:33.385>So <00:42:33.560>I <00:42:33.735>hope <00:42:33.910>that <00:42:34.085>you <00:42:34.260>enjoyed, <00:42:34.435>uh, <00:42:34.610>your <00:42:34.785>talk

837
00:42:35.545 --> 00:42:38.325
<00:42:35.545>and <00:42:35.672>it <00:42:35.799>was <00:42:35.926>very, <00:42:36.054>uh, <00:42:36.181>it <00:42:36.308>was <00:42:36.435>a <00:42:36.563>pleasure <00:42:36.690>for <00:42:36.817>to <00:42:36.945>meet,

838
00:42:38.385 --> 00:42:39.485
<00:42:38.385>to <00:42:38.715>meet <00:42:39.045>you <00:42:39.375>today.

839
00:42:39.485 --> 00:42:40.965
<00:42:39.485>Thanks <00:42:39.707>a <00:42:39.929>lot. <00:42:40.151>Thanks. <00:42:40.373>Have <00:42:40.595>a <00:42:40.817>nice

840
00:42:41.775 --> 00:42:42.805
<00:42:41.775>Thank <00:42:42.006>you <00:42:42.238>for <00:42:42.470>having <00:42:42.702>me.

841
00:42:43.655 --> 00:42:44.085
<00:42:43.655>Thank <00:42:44.042>you.