1
00:00:00,000 --> 00:00:02,910
>> [Мусиц плаиинг]

2
00:00:02,910 --> 00:00:04,850

3
00:00:04,850 --> 00:00:07,275
>> НЕЕЛ Мехта: Ево иде.

4
00:00:07,275 --> 00:00:11,070
>> Па, сви, добродошли на веб
апликације у будућности са Реацт.

5
00:00:11,070 --> 00:00:11,870
Ово је ЦС50.

6
00:00:11,870 --> 00:00:12,930
Моје име је Нил.

7
00:00:12,930 --> 00:00:17,689
Ја сам техничку помоћ за ЦС50 и студент друге године
на Харвард колеџу и веома, веома

8
00:00:17,689 --> 00:00:18,730
страствени веб девелопер.

9
00:00:18,730 --> 00:00:20,730
Тако да сам веома узбудљиво
да разговарам с тобом данас,

10
00:00:20,730 --> 00:00:24,550
да ли овде или код куће смо
ватцхинг, о Реацт, што је, опет

11
00:00:24,550 --> 00:00:27,270
као што сам рекао, будућност веб апликација.

12
00:00:27,270 --> 00:00:29,055
>> Дакле, Реацт је веб оквир.

13
00:00:29,055 --> 00:00:30,930
И као што сам говорио
неким људима овде,

14
00:00:30,930 --> 00:00:33,400
оквир је само
сет алата које можете користити

15
00:00:33,400 --> 00:00:35,770
да се установи и изградити свој веб апликацију.

16
00:00:35,770 --> 00:00:39,010
А веб апликације су, опет, сајтови
који су интерактивни као што су Фацебоок,

17
00:00:39,010 --> 00:00:42,330
Твиттер.цом, Инстаграм.цом, како год.

18
00:00:42,330 --> 00:00:45,590
>> Дакле, Фацебоок је веб оквир
који је развијен од стране Фацебоок

19
00:00:45,590 --> 00:00:48,060
неколико година уназад-- Реацт је.

20
00:00:48,060 --> 00:00:50,830
То је тада се користи за
Фацебоок на својим мобилним апликацијама

21
00:00:50,830 --> 00:00:52,460
и веб апликација, Инстаграм.

22
00:00:52,460 --> 00:00:56,350
Кан Академија је још један
истакнути рано примењује Реацт.

23
00:00:56,350 --> 00:00:58,630
>> То је заиста био постаје
изузетно популаран.

24
00:00:58,630 --> 00:01:03,420
Ако сте икада користити ствари као што су угаони или
Бацкбоне, је то од исте породице,

25
00:01:03,420 --> 00:01:05,830
али има од дубоке
надмашују своју популарност.

26
00:01:05,830 --> 00:01:06,890
То је вруће нова ствар.

27
00:01:06,890 --> 00:01:09,590
То је стварно, стварно велика.

28
00:01:09,590 --> 00:01:13,470
>> И тако Реацт је добро не само као
веб оквир за изградњу интерфејса.

29
00:01:13,470 --> 00:01:16,020
То је добро за изградњу веб интерфејса.

30
00:01:16,020 --> 00:01:18,350
Ту је ствар
Реацт зове Матерњи који

31
00:01:18,350 --> 00:01:22,200
омогућава вам да изгради интерфејсе
за Андроид и иОС

32
00:01:22,200 --> 00:01:26,390
и можда и друге платформе у будућности
користећи само исти ЈаваСцрипт кода.

33
00:01:26,390 --> 00:01:31,130
Можете да користите исти
ЈаваСцрипт код да пружи сајтова,

34
00:01:31,130 --> 00:01:33,040
то рендер Андроид апликације и иОС апликације.

35
00:01:33,040 --> 00:01:35,000
>> То је веома, веома узбудљиво време.

36
00:01:35,000 --> 00:01:37,070
То је стварно, стварно кул прилика.

37
00:01:37,070 --> 00:01:42,020
То је заиста универзална веб
интерфејс развојни алат,

38
00:01:42,020 --> 00:01:44,420
тако да је веома, веома
важно је да знате.

39
00:01:44,420 --> 00:01:46,949
И, као што сам говорио људима
пре, ово, мислим,

40
00:01:46,949 --> 00:01:48,990
ће се променити како смо
изгради веб апликације заувек.

41
00:01:48,990 --> 00:01:55,820
Дакле, можда је мало претјеривање, али ја
Мислим да је прилично добра ствар да знате.

42
00:01:55,820 --> 00:01:57,580
>> У реду, па шта је реагирати?

43
00:01:57,580 --> 00:02:01,020
Реацт је оквир можете
користити за изградњу интерфејса.

44
00:02:01,020 --> 00:02:03,240
Интерфејс је, опет,
веб страница, зар не?

45
00:02:03,240 --> 00:02:06,340
Дакле, овде је Инстаграм.цом, користи Реацт.

46
00:02:06,340 --> 00:02:08,740
>> Реацт је изграђен на
Идеја компоненти.

47
00:02:08,740 --> 00:02:11,900
Компонента је ХТМЛ
елемент на стероидима,

48
00:02:11,900 --> 00:02:14,470
Тако ХТМЛ елемент је као дугме.

49
00:02:14,470 --> 00:02:15,250
То је став.

50
00:02:15,250 --> 00:02:17,500
То је заглавље, зар не?

51
00:02:17,500 --> 00:02:22,740
И Инстаграм ће користити ово, али
ће такође користити компоненте Реацт.

52
00:02:22,740 --> 00:02:25,740
>> Реацт компоненте су
побољшаном ХТМЛ елементи

53
00:02:25,740 --> 00:02:28,100
који имају сопствено понашање
садржан у њима.

54
00:02:28,100 --> 00:02:31,800
Дакле, као пример, можемо имати
време елеменат, време компонента,

55
00:02:31,800 --> 00:02:34,095
који ће садржати као
време печат, знате,

56
00:02:34,095 --> 00:02:37,170
је профил компонента која
ће садржати профил слику

57
00:02:37,170 --> 00:02:38,820
и име особе.

58
00:02:38,820 --> 00:02:42,930
Она може имати као бројач који
Можете рачунати као бројем лајкова,

59
00:02:42,930 --> 00:02:45,610
а ако кликнете на њега, то ће
повећање броја лајкова.

60
00:02:45,610 --> 00:02:48,200
Компонента је само
гомила ХТМЛ кода који

61
00:02:48,200 --> 00:02:50,520
има функционалност
умотани у њему.

62
00:02:50,520 --> 00:02:53,770
Дакле, то је као ХТМЛ елемент
на стероидима, као што сам већ рекао.

63
00:02:53,770 --> 00:02:56,270
Можете узети ове компоненте,
а можете их ставити заједно

64
00:02:56,270 --> 00:02:59,060
да нове компоненте, у
овај случај, пост компонента,

65
00:02:59,060 --> 00:03:00,505
који садржи све ове ствари.

66
00:03:00,505 --> 00:03:04,050
То би садржати време, Профиле,
ЛикеЦоунтер, можда коментар

67
00:03:04,050 --> 00:03:06,100
а можда сама слика.

68
00:03:06,100 --> 00:03:10,810
И тако веб апликације су само гради узимајући
компоненте и стављајући их заједно.

69
00:03:10,810 --> 00:03:15,620
Инстаграм храна није ништа више него
гомила постова један за другим,

70
00:03:15,620 --> 00:03:19,032
свака порука садржи као Тиме,
Профиле, ЛикеЦоунтер, и тако даље.

71
00:03:19,032 --> 00:03:20,490
То је нека врста гради кућу.

72
00:03:20,490 --> 00:03:22,660
Ви не изгради
кућа од врха до дна.

73
00:03:22,660 --> 00:03:24,960
Узми цомпонентс-- вас
узети као купатило.

74
00:03:24,960 --> 00:03:28,320
Ти узми бедроом-- их држите
заједно, и имате нову компоненту.

75
00:03:28,320 --> 00:03:29,760
Имате нови део куће.

76
00:03:29,760 --> 00:03:32,860
>> Дакле, реагује се све гради око
ова идеја од компоненти које

77
00:03:32,860 --> 00:03:36,600
су интерактивне, који су декларативно.

78
00:03:36,600 --> 00:03:39,650
Као да само кажем да ми је
профил је и оно га чини.

79
00:03:39,650 --> 00:03:40,600
Они су цомпосабле.

80
00:03:40,600 --> 00:03:43,880
Можете узети време и профил, пут
их заједно, чине нешто боље.

81
00:03:43,880 --> 00:03:47,770
И они су за вишекратну употребу, тако да ако
има изворни код за пост,

82
00:03:47,770 --> 00:03:49,440
можете уградити било где.

83
00:03:49,440 --> 00:03:53,160
>> Можете уградити Инстаграм
ствар на свом веб сајту.

84
00:03:53,160 --> 00:03:56,830
Можете уградити на Фацебоок-у, на пример,
док користи Реацт као добро.

85
00:03:56,830 --> 00:04:00,360
Дакле компоненте су стварно, стварно, стварно
моћни градивни блокови веб

86
00:04:00,360 --> 00:04:04,180
који се могу користити свуда и ставити
заједно да би нова зграда блокова.

87
00:04:04,180 --> 00:04:07,159
То је веома, веома
Висок ниво преглед.

88
00:04:07,159 --> 00:04:09,200
Дакле, опет, ако имате
каквих питања у сваком тренутку

89
00:04:09,200 --> 00:04:14,470
о филозофији реактора, а
кодирање, да ме заустави, и јавите ми.

90
00:04:14,470 --> 00:04:18,420
>> У реду, тако да реагују због тога је кул
има другачији начин гледања

91
00:04:18,420 --> 00:04:19,870
колико сте изградити веб апликације.

92
00:04:19,870 --> 00:04:23,620
Вероватно сте чули за МВЦ, а
модел да контролишете у ЦС50 или било шта

93
00:04:23,620 --> 00:04:25,940
друга сондирање класе које користите.

94
00:04:25,940 --> 00:04:29,000
И већина оквири
изграђен око идеје МВЦ.

95
00:04:29,000 --> 00:04:30,410
Реацт није.

96
00:04:30,410 --> 00:04:32,980
Реагује је изграђен око идеје
од унидирекционе протока података

97
00:04:32,980 --> 00:04:36,510
као што се види у овом графикону или графику овде.

98
00:04:36,510 --> 00:04:38,260
>> У суштини, имате извор података.

99
00:04:38,260 --> 00:04:42,380
И извор података ће одлучити
како да се постави одређене компоненте.

100
00:04:42,380 --> 00:04:45,452
И компоненте ће
онда, када се мењају,

101
00:04:45,452 --> 00:04:47,160
они ће рећи
извор података за промену.

102
00:04:47,160 --> 00:04:49,350
>> Да бисте користили Инстаграм
пример, можда ћете морати

103
00:04:49,350 --> 00:04:52,050
списак поштанских објеката као што су
у бази података или тако нешто.

104
00:04:52,050 --> 00:04:53,310
То података.

105
00:04:53,310 --> 00:04:57,600
А онда су наши пост компоненте
ће те податке,

106
00:04:57,600 --> 00:05:01,830
и користе те податке да пружи
ствар на екрану.

107
00:05:01,830 --> 00:05:04,300
То је оно што стрелица
из података да компонента,

108
00:05:04,300 --> 00:05:07,930
а онда тај исти подаци користе
да донесе гомилу компоненти.

109
00:05:07,930 --> 00:05:10,290
>> У Фацебоок Мессенгер за
пример, који је Реацт,

110
00:05:10,290 --> 00:05:13,410
можда имате листу
поруке као извору података.

111
00:05:13,410 --> 00:05:15,927
И то не би рендер
само списак порука

112
00:05:15,927 --> 00:05:17,510
али и листа пријатеља имате.

113
00:05:17,510 --> 00:05:19,200
Имате број непрочитаних.

114
00:05:19,200 --> 00:05:23,330
Можда је учинило Фацебоок ствар
то је на дну Фацебоок.цом.

115
00:05:23,330 --> 00:05:25,610
Исти података је
један извор истине

116
00:05:25,610 --> 00:05:28,290
и који изазива доста
компоненте да се изречена.

117
00:05:28,290 --> 00:05:30,290
И кад год једна од оних
компоненте се мења,

118
00:05:30,290 --> 00:05:32,320
иде уназад и
мења извор података.

119
00:05:32,320 --> 00:05:33,460
>> Ви пошаљете поруку, зар не?

120
00:05:33,460 --> 00:05:34,780
То мења извор података.

121
00:05:34,780 --> 00:05:39,490
Ви сте прочитали своје поруке,
тако да подесите непрочитану на 0.

122
00:05:39,490 --> 00:05:41,136
То мења извор података.

123
00:05:41,136 --> 00:05:44,010
И приметите да све то једног
арров да се вратимо на истим подацима

124
00:05:44,010 --> 00:05:47,662
извор, да знате,
дат одређени скуп података,

125
00:05:47,662 --> 00:05:49,870
ви управо оно што је познато
страница ће изгледати.

126
00:05:49,870 --> 00:05:50,700
То је детерминистички.

127
00:05:50,700 --> 00:05:53,451
Знате, дао одређене податке, што
страница ће изгледати.

128
00:05:53,451 --> 00:05:56,158
Можете предвидети како ће то
понашају и како ствари иду

129
00:05:56,158 --> 00:05:57,650
да раде када су заједно.

130
00:05:57,650 --> 00:06:00,410
>> И ако имам милион компоненте
овде, то би се понаша исто, зар не?

131
00:06:00,410 --> 00:06:02,290
Не би имао било
веирд интерконекције.

132
00:06:02,290 --> 00:06:04,120
Једна подаци донио милион компоненте.

133
00:06:04,120 --> 00:06:06,879
Милион компоненте могу
вратите и измените податке.

134
00:06:06,879 --> 00:06:07,920
И то је веома лепо.

135
00:06:07,920 --> 00:06:10,870
Ми градимо цомпосабле,
лако променљивих веб апликације.

136
00:06:10,870 --> 00:06:13,150
>> Имате један извор података,
извор истине.

137
00:06:13,150 --> 00:06:15,790
То говори своје компоненте
како да нокаутирати страницу,

138
00:06:15,790 --> 00:06:18,190
и компоненте ће
хандле интеракцију.

139
00:06:18,190 --> 00:06:20,150
И ако желе да промене
ствари, само се вратите

140
00:06:20,150 --> 00:06:21,750
и реци извор података да се мења.

141
00:06:21,750 --> 00:06:22,850
Ima smisla?

142
00:06:22,850 --> 00:06:26,010
Дакле, Реацт је све о разумевању
како да изгради компоненту

143
00:06:26,010 --> 00:06:29,540
и како да направите компоненту
интеракцију са спољним светом.

144
00:06:29,540 --> 00:06:31,850
>> Израда компоненту интеракцију
са спољним светом

145
00:06:31,850 --> 00:06:34,490
користи другу технологију
зове поток који

146
00:06:34,490 --> 00:06:36,872
је оквир који је
аддед он врх Реацт.

147
00:06:36,872 --> 00:06:38,330
Нећемо да причамо о томе.

148
00:06:38,330 --> 00:06:42,990
Ми ћемо говорити више о, с обзиром
података, како можете донети компоненту?

149
00:06:42,990 --> 00:06:47,010
>> И тако Реацт је стварно супер, јер вас
Можете га користити са било којим задњем крају желите.

150
00:06:47,010 --> 00:06:50,480
Ако имате као Питхон задњем крају,
ако ваш Питхон може испљунути неке податке,

151
00:06:50,480 --> 00:06:51,610
Реацт може да учини.

152
00:06:51,610 --> 00:06:54,700
Ако сте без ЈС излаза
података, Реацт то чини.

153
00:06:54,700 --> 00:06:56,890
Руби шина са
података, Реацт то чини.

154
00:06:56,890 --> 00:07:01,860
>> Дакле, Реацт је у суштини веб
виев-- предњи крај са компонентама

155
00:07:01,860 --> 00:07:03,910
за било ког извора података икаквог.

156
00:07:03,910 --> 00:07:07,145
И тако иде од извора података у
реагују компоненти је прилично лако.

157
00:07:07,145 --> 00:07:08,770
Гоинг Други начин је мало теже.

158
00:07:08,770 --> 00:07:10,462
То користи Флук као што сам већ поменуо.

159
00:07:10,462 --> 00:07:11,420
Нећемо улазити у то.

160
00:07:11,420 --> 00:07:13,740
Ми ћемо се фокусирати више на
дата-то-компоненти страну.

161
00:07:13,740 --> 00:07:15,880
На овај начин можете направити
цоол, фун веб апликације.

162
00:07:15,880 --> 00:07:19,870
То неће утицати на спољни свет
за сада, али то је друга прича.

163
00:07:19,870 --> 00:07:22,210
>> У реду, тако да ако сте били овде
фор ми ласт семинара

164
00:07:22,210 --> 00:07:26,610
знаћете да су сви кода за
Данашњи разговор ће бити на овој адреси

165
00:07:26,610 --> 00:07:29,320
овде, жао ми је, овај УРЛ овде.

166
00:07:29,320 --> 00:07:32,730
У суштини ћемо ићи
кроз четири корака, можда пет,

167
00:07:32,730 --> 00:07:33,510
Вероватно не пет.

168
00:07:33,510 --> 00:07:37,300
Ми ћемо прећи кроз четири корака
изградње узорак Реацт апликацију.

169
00:07:37,300 --> 00:07:39,550
И тако све изворног кода
за сваки корак на путу

170
00:07:39,550 --> 00:07:42,216
ће бити овде, па ако
ви после заједно код куће,

171
00:07:42,216 --> 00:07:43,991
слободно прегледати овај код.

172
00:07:43,991 --> 00:07:46,740
Ако сте после заједно овде,
ћемо то показује на екрану,

173
00:07:46,740 --> 00:07:47,739
тако да не брините о томе.

174
00:07:47,739 --> 00:07:50,930
Али, ако сте код куће, осећам
Слободно посетите овај сајт.

175
00:07:50,930 --> 00:07:56,400
И, да, требало би да можете да добијете
све код сте икада требати овде.

176
00:07:56,400 --> 00:08:01,380
Дакле, то је добра варалица стања и
за ваше будуће авантуре са Реацт.

177
00:08:01,380 --> 00:08:04,490
Цоол, па ако свако ко је овде,
па чак и ако сте код куће,

178
00:08:04,490 --> 00:08:11,580
подићи овај сајт, ис.гд/цс50реацт,
нема капитала, не подвлачење, без ичега.

179
00:08:11,580 --> 00:08:15,849
>> Видећете страницу која изгледа
мало овако.

180
00:08:15,849 --> 00:08:17,140
Ово је ствар која се зове ЦодеПен.

181
00:08:17,140 --> 00:08:20,030
ЦодеПен је заједнички
кодирање окружење

182
00:08:20,030 --> 00:08:23,364
са којима могу писати код овде, и
то ће аутоматски бити послат.

183
00:08:23,364 --> 00:08:24,780
И на овај начин, могу написати код.

184
00:08:24,780 --> 00:08:26,920
Могу покренути код овде.

185
00:08:26,920 --> 00:08:33,470
>> За екампле-- и ако релоадс-- види,
Трчим ЈаваСцрипт код на страници

186
00:08:33,470 --> 00:08:36,390
овде, и то ће
аутоматски донесе веб страницу

187
00:08:36,390 --> 00:08:37,980
са овим ЈаваСцрипт кода.

188
00:08:37,980 --> 00:08:40,039
И то је један од начина
за нас да испробате код

189
00:08:40,039 --> 00:08:43,089
заиста брзо, без потребе да користите
наша ИД или користите наш локални машине

190
00:08:43,089 --> 00:08:44,290
или шта год.

191
00:08:44,290 --> 00:08:47,670
То је врло брз начин да Моцкуп
и тестирају различите врсте кода.

192
00:08:47,670 --> 00:08:50,560
>> Зато ћу узимати
Пример кода, стављајући га овде.

193
00:08:50,560 --> 00:08:52,374
Ми ћемо радити кроз њега.

194
00:08:52,374 --> 00:08:54,540
А ако сте код куће,
може повући ово као добро.

195
00:08:54,540 --> 00:08:57,530
И већ инсталиран
Реацт овде, тако да једноставно не могу

196
00:08:57,530 --> 00:09:00,770
Овде напиши своје код, и
пробајте га као своју игралиште.

197
00:09:00,770 --> 00:09:04,940
>> Да, ако сви
отвори овај линк овде.

198
00:09:04,940 --> 00:09:08,080
Молим вас дајте ми палчеве
до кад сте га отворено.

199
00:09:08,080 --> 00:09:10,960

200
00:09:10,960 --> 00:09:13,770
Супер, цоол.

201
00:09:13,770 --> 00:09:16,914
Овде нема ничега за сада, али
ми ћемо то променити врло брзо.

202
00:09:16,914 --> 00:09:21,250
>> У реду, тако да Реацт је Јава-скрипта
библиотеке, и као таква,

203
00:09:21,250 --> 00:09:24,480
захтијева познавање ЈаваСцрипт,
што је веб програмски језик.

204
00:09:24,480 --> 00:09:27,660
И то се користи и за друге ствари
сада превише, али пре свега веб развој

205
00:09:27,660 --> 00:09:32,040
језик, па ако нисте упознати са
да, прочитајте сајт под називом ЈСфорЦатс.цом.

206
00:09:32,040 --> 00:09:32,700
To je divno.

207
00:09:32,700 --> 00:09:34,240
Можете научити ЈаваСцрипт
za pola sata.

208
00:09:34,240 --> 00:09:34,990
То је невероватно.

209
00:09:34,990 --> 00:09:36,420
>> Зато га прочитају.

210
00:09:36,420 --> 00:09:39,960
Такође је доста ХТМЛ овде, јер
ми смо дизајнирању веб странице, наравно.

211
00:09:39,960 --> 00:09:43,890
Дакле, ако сте упознати са
ХТМЛ цхецк оут ХТМЛдог.цом.

212
00:09:43,890 --> 00:09:46,520
Мислим да учи Реацт ис а
милион пута лакше већ ако вас

213
00:09:46,520 --> 00:09:47,892
знам блокова за изградњу.

214
00:09:47,892 --> 00:09:50,600
Ако имате компоненте, то је
лако направити већи компоненту.

215
00:09:50,600 --> 00:09:51,860
То је Реацт језик за тебе.

216
00:09:51,860 --> 00:09:54,270
>> Дакле, само напред и дати
ове ствари које читају.

217
00:09:54,270 --> 00:09:55,070
Пауза овај видео.

218
00:09:55,070 --> 00:09:57,440
Дајте јој читање ако сте
код куће ако нисте

219
00:09:57,440 --> 00:10:00,794
упознат са ХТМЛ или ЈаваСцрипт

220
00:10:00,794 --> 00:10:02,960
У реду, па шта ћемо
урадите је да ћемо направити

221
00:10:02,960 --> 00:10:06,470
врло основни Фласхцард апликација помоћу Реацт.

222
00:10:06,470 --> 00:10:08,210
Ми ћемо имати Фласхцард.

223
00:10:08,210 --> 00:10:09,880
Можете флип картицу напред-назад.

224
00:10:09,880 --> 00:10:12,399
И такође ћемо имати листу
све карте које имамо,

225
00:10:12,399 --> 00:10:14,190
а ако се осећате
амбициозан, можемо бити

226
00:10:14,190 --> 00:10:17,060
у стању да прелазите
аутомобили кликом на њих.

227
00:10:17,060 --> 00:10:20,360
>> Али ово је, ваш голи
кости, веома једноставна Реацт апликацију.

228
00:10:20,360 --> 00:10:22,560
И то је заправо
не тривијално да спроведе,

229
00:10:22,560 --> 00:10:26,030
али ћемо да покажемо да, ако урадите
ово, то је врло, врло лако проширити

230
00:10:26,030 --> 00:10:27,680
ако други људи да вам помогнем са тим.

231
00:10:27,680 --> 00:10:33,750
Тако ћемо проћи кроз четири корака
почевши од нуле да се изгради ово.

232
00:10:33,750 --> 00:10:36,740
>> ОК, дакле четири корака, ми ћемо
кренути са првим кораком.

233
00:10:36,740 --> 00:10:39,790
Први корак ће бити
градите прву компоненту.

234
00:10:39,790 --> 00:10:44,830
Као што сам раније рекао, компонента у Реацт
је само један ХТМЛ елеменат на стероидима.

235
00:10:44,830 --> 00:10:49,660
Он наводи ХТМЛ
а неки понашања, и

236
00:10:49,660 --> 00:10:52,600
ће одредити како људи
може да сарађује са њим колико

237
00:10:52,600 --> 00:10:54,270
то би имало унутрашње стање.

238
00:10:54,270 --> 00:10:57,630
Као дугме ће знати колико као
а то је кликнуо на пример,

239
00:10:57,630 --> 00:11:01,010
и она ће знати како да се нокаутирати.

240
00:11:01,010 --> 00:11:04,430
>> Дакле, идемо напред и градимо
Прва компонента користећи ЈаваСцрипт.

241
00:11:04,430 --> 00:11:09,711
Дакле, ако је синтакса изгледа чудно,
то је зато што је врста.

242
00:11:09,711 --> 00:11:11,710
Дакле, опет, идемо
да направи променљиву названу

243
00:11:11,710 --> 00:11:14,580
апликација помоћу кључних речи пусти,
што чини променљиву,

244
00:11:14,580 --> 00:11:18,210
нека Апп једнак Реацт.цреатеЦласс.

245
00:11:18,210 --> 00:11:22,609
>> Реацт је библиотека и има
Цреате функцију класе.

246
00:11:22,609 --> 00:11:24,400
И ова функција
мало код који

247
00:11:24,400 --> 00:11:29,090
могу користити да створи нови
тип Реацт компоненту.

248
00:11:29,090 --> 00:11:32,780
И тако Реацт.цреатеЦласс
чини компоненту,

249
00:11:32,780 --> 00:11:35,270
и Ова компонента ће
бити у стању да уради ствари.

250
00:11:35,270 --> 00:11:40,460
Главна ствар је да урадите је рендер
нешто, рендер у функцији.

251
00:11:40,460 --> 00:11:44,500
>> Опет, ако је овај индекс није очигледно
ти, ја препоручујем да наставим ЈС за мачке

252
00:11:44,500 --> 00:11:45,682
и цхецк ит оут.

253
00:11:45,682 --> 00:11:47,710
Да ли је то зумира довољно добро?

254
00:11:47,710 --> 00:11:48,490
Кул.

255
00:11:48,490 --> 00:11:50,670
>> Дакле Свака компонента потребе
да има оказание функцију.

256
00:11:50,670 --> 00:11:53,010
Функција рендер каже,
Шта да штампам на екрану?

257
00:11:53,010 --> 00:11:54,760
Али компонента је
бескорисно ако не

258
00:11:54,760 --> 00:11:58,060
знам шта да одштампате на екрану, тако
морате да имате рендер функцију.

259
00:11:58,060 --> 00:12:01,904
>> Дакле, у рендер ствар,
само треба да се врате неке ХТМЛ.

260
00:12:01,904 --> 00:12:03,820
А шта је је то кул
постоји ствар која се зове

261
00:12:03,820 --> 00:12:08,660
ЈСКС, који је продужетак
Јавасцрипт који се користе реагује.

262
00:12:08,660 --> 00:12:11,845
То је нека сте написали у ХТМЛ
Ваше ЈаваСцрипт, која

263
00:12:11,845 --> 00:12:13,970
Звучи чудно када
прво размислите о томе,

264
00:12:13,970 --> 00:12:15,553
али чини пуно смисла касније.

265
00:12:15,553 --> 00:12:17,430
Дакле, можемо да урадимо то.

266
00:12:17,430 --> 00:12:21,360
Ако сте упознати са ХТМЛ, знам
имамо див са опште намене

267
00:12:21,360 --> 00:12:22,790
контејнер за ствари.

268
00:12:22,790 --> 00:12:26,380
Можемо вратити див, и унутра
ово див, можемо ставити ствари.

269
00:12:26,380 --> 00:12:32,390
>> Рецимо желимо само да донесе
равно-горе Фласхцард за сада.

270
00:12:32,390 --> 00:12:34,890
Фласхцард, рекао бих,
ће имати питање и одговор.

271
00:12:34,890 --> 00:12:37,530
Дакле, у овом див, идемо
одштампати један пасус

272
00:12:37,530 --> 00:12:42,155
која каже куестион-- Шта је
крајњи одговор на живот, универзум?

273
00:12:42,155 --> 00:12:47,640

274
00:12:47,640 --> 00:12:50,345
А онда је одговор
ће бити, наравно, 42.

275
00:12:50,345 --> 00:12:56,880

276
00:12:56,880 --> 00:12:59,730
>> То није дошао на добро.

277
00:12:59,730 --> 00:13:04,164
Да, тако у суштини заиста могу
напиши ХТМЛ унутар вашег ЈаваСцрипт.

278
00:13:04,164 --> 00:13:06,330
И то ће бити
одштампан у екран.

279
00:13:06,330 --> 00:13:08,250
Па хајде да га испробамо.

280
00:13:08,250 --> 00:13:09,520
>> Дакле, имамо компоненту.

281
00:13:09,520 --> 00:13:12,210
Морамо да кажемо реаговати да стави
компонента на екрану

282
00:13:12,210 --> 00:13:18,990
тако Реацт.рендер, тако примећујемо да
третирати апликацију као и сваки други елемент.

283
00:13:18,990 --> 00:13:21,010
Пишемо га као да је ХТМЛ елеменат.

284
00:13:21,010 --> 00:13:25,100
Као уместо да се каже као имг
за слику или п за став,

285
00:13:25,100 --> 00:13:28,120
пишете Апп, па Апп
третирају као ХТМЛ елемент.

286
00:13:28,120 --> 00:13:30,380
Као што сам раније рекао, то је
елемент на стероидима.

287
00:13:30,380 --> 00:13:32,870
>> Тако да донесе Апп, а ви
дајте му место да то оставите.

288
00:13:32,870 --> 00:13:37,170
И ово је како можете
реци то где да га ставите.

289
00:13:37,170 --> 00:13:46,200
Ја сам створио једноставан див на
страница зове са личном картом странице,

290
00:13:46,200 --> 00:13:48,300
и то је место где је
Елемент ће ићи.

291
00:13:48,300 --> 00:13:49,841
>> И нећемо да ради са ХТМЛ.

292
00:13:49,841 --> 00:13:53,145
У основи ово ће добити
стави унутар ове странице елемента

293
00:13:53,145 --> 00:13:54,270
да имамо на екрану.

294
00:13:54,270 --> 00:13:59,210
Тако да води овај код, и то привлачи ово
ствар на екрану, тако да ту смо.

295
00:13:59,210 --> 00:14:01,770
Направили смо нашу прву компоненту реагује.

296
00:14:01,770 --> 00:14:08,000
>> Дакле, само као подсетимо, ми смо направили нежно
нови тип компоненте, зар не?

297
00:14:08,000 --> 00:14:10,145
То је оно што Реацт.цреатеЦласс.

298
00:14:10,145 --> 00:14:12,680
И у том компоненти, ми
рекао је оно што треба да уради.

299
00:14:12,680 --> 00:14:15,590
Кад год ова компонента је
да се штампају на екрану,

300
00:14:15,590 --> 00:14:19,300
она ће одштампати ДИВ са
два пасуса у њему.

301
00:14:19,300 --> 00:14:24,460
>> И оно што смо урадили, направили смо нову апликацију
коришћењем угао носача апп запис.

302
00:14:24,460 --> 00:14:27,160
Рекли смо га да га стави
унутар елемента странице.

303
00:14:27,160 --> 00:14:29,867
И оно што сам урадио, је створила
нова апликација из тог обрасца.

304
00:14:29,867 --> 00:14:31,200
И онда сам га рекао да га донесе.

305
00:14:31,200 --> 00:14:33,680
Тако је рекао, у реду, апликација,
шта треба да одштампате?

306
00:14:33,680 --> 00:14:36,970
Апп каже, иди одштампате див
са два става унутар ње.

307
00:14:36,970 --> 00:14:40,420
И воила, ту је наша див са
два пасуса у њему.

308
00:14:40,420 --> 00:14:43,180
Нека сада смисла?

309
00:14:43,180 --> 00:14:46,690
>> Дакле, опет, цела изазов Реацт
је само знати како да компоненте.

310
00:14:46,690 --> 00:14:48,500
Како да чине
компоненте раде заједно.

311
00:14:48,500 --> 00:14:51,780
Сада када смо направили наш први
компонента, хајде да се вратимо

312
00:14:51,780 --> 00:14:54,284
и да компоненте прилагодљив.

313
00:14:54,284 --> 00:14:56,700
Па знаш како у ХТМЛ си
може дати своју дугмад часове?

314
00:14:56,700 --> 00:14:59,146
Можете дати свој сидра на хреф.

315
00:14:59,146 --> 00:15:00,770
Можете дати свој улаза тип, зар не?

316
00:15:00,770 --> 00:15:04,740
Можете дати више обичај
својства за све ваше елементе

317
00:15:04,740 --> 00:15:06,490
да би било занимљивије.

318
00:15:06,490 --> 00:15:09,030
И ми у ствари да урадимо
исту ствар.

319
00:15:09,030 --> 00:15:17,500
>> Рецимо желимо наше
апликација да се донесе било коју карту.

320
00:15:17,500 --> 00:15:19,630
Сада смо
донио Хардцодед картицу.

321
00:15:19,630 --> 00:15:22,530
Ми знамо да је само једна
картица може да уради, тако да смо

322
00:15:22,530 --> 00:15:25,960
Покушаћу да промени сада толико
да бисмо могли да му дати неку картицу.

323
00:15:25,960 --> 00:15:27,410
То ће одштампати картицу.

324
00:15:27,410 --> 00:15:29,380
>> Требало би да покушате и направите свој
компоненте веома опште намене.

325
00:15:29,380 --> 00:15:31,654
Дакле, на овај начин бих могао емаил
ово је мој пријатељ и бити као,

326
00:15:31,654 --> 00:15:33,820
год фласхцард имате,
само да се увуче овде,

327
00:15:33,820 --> 00:15:35,290
и да ће то учинити по себи.

328
00:15:35,290 --> 00:15:37,650
Можете ставити други
ствари у вашој апликацији.

329
00:15:37,650 --> 00:15:40,600
>> Али прво, хајде да прекинемо ово
на две компоненте,

330
00:15:40,600 --> 00:15:44,500
али желимо да се одвоји картицу
штампа део од стварног апликације дела.

331
00:15:44,500 --> 00:15:46,660
Дакле, шта можемо да урадимо да је
можете да промените из Апп

332
00:15:46,660 --> 00:15:51,300
да ЦардВиев, само
ново име за апликацију,

333
00:15:51,300 --> 00:15:54,450
и можемо направити нови
компонента се зове Апп,

334
00:15:54,450 --> 00:15:56,336
не треба мешати са старим Апп.

335
00:15:56,336 --> 00:16:00,730
Имамо цреатеЦласс,
и као у ХТМЛ-у,

336
00:16:00,730 --> 00:16:03,590
можете гнездо Реацт компоненте
унутар једни друге.

337
00:16:03,590 --> 00:16:16,430
>> Дакле, у овом донесе функцији,
Функција повратак ЦардВиев,

338
00:16:16,430 --> 00:16:18,234
а то је иста ствар.

339
00:16:18,234 --> 00:16:19,400
Погледајте зашто је то иста ствар?

340
00:16:19,400 --> 00:16:22,590
Уместо пружања само апликацију која
има и див упаривање унутар ње,

341
00:16:22,590 --> 00:16:26,194
апликација подноси ЦардВиев, и
ЦардВиев чини ДИВ и став.

342
00:16:26,194 --> 00:16:29,110
Дакле, ово је наш први пример
гнезде елементи унутар једни од других.

343
00:16:29,110 --> 00:16:32,177
Da li to ima smisla?

344
00:16:32,177 --> 00:16:33,760
Дакле, опет, имамо ЦардВиев елемент.

345
00:16:33,760 --> 00:16:37,250
Имамо апликација елементе
да је већи од.

346
00:16:37,250 --> 00:16:40,990
>> У реду, тако да желимо наш ЦардВиев-- ако вас
дати добар ЦардВиев одређену картицу,

347
00:16:40,990 --> 00:16:43,370
то ће одштампати за вас, зар не?

348
00:16:43,370 --> 00:16:48,050
Прво, морамо да направимо картицу,
па хајде да направимо објекат картице.

349
00:16:48,050 --> 00:17:02,930
Дакле, да своју картицу екуал--
ако сте сви упознати,

350
00:17:02,930 --> 00:17:05,260
ово је само ознака одлука
приговор у ЈаваСцрипт.

351
00:17:05,260 --> 00:17:09,280
То је нешто као струцт
у Ц, па смо направили картицу,

352
00:17:09,280 --> 00:17:15,920
па сада можемо проћи ову картицу као
имовина или као атрибут у ХТМЛ

353
00:17:15,920 --> 00:17:17,290
терминологија нашем апп.

354
00:17:17,290 --> 00:17:20,210
Дакле, можемо да урадимо ово, Апп
картица једнако миЦард.

355
00:17:20,210 --> 00:17:23,200
>> Знате како у улаз, зар не
инпут типе једнака текст или дугме

356
00:17:23,200 --> 00:17:25,240
класа једнако бтн за Боотстрап ,?

357
00:17:25,240 --> 00:17:29,500
Иста идеја, Апп картица екуалс--
мораш да стави протезу овде-

358
00:17:29,500 --> 00:17:33,830
Апп картица једнако миЦард, тако да је ово
каже да имају ову картицу објекат.

359
00:17:33,830 --> 00:17:39,149
Ја ћу да га положе као
имовину Апп компоненту.

360
00:17:39,149 --> 00:17:41,440
И ова апликација компонента ће
моћи да јој приступе и да

361
00:17:41,440 --> 00:17:43,580
интересантне ствари са њим.

362
00:17:43,580 --> 00:17:47,650
>> Дакле, наша апликација ће бити
с обзиром картица, тако да за сада,

363
00:17:47,650 --> 00:17:49,980
хајде да имате апликацију само дајте
картица за ЦардВиев

364
00:17:49,980 --> 00:17:53,110
Сама јер као да апликација није
да знам шта да радим са њим,

365
00:17:53,110 --> 00:17:54,850
тако да ћу га дати у ЦардВиев.

366
00:17:54,850 --> 00:18:00,050
Дакле, ми ћемо га је проћи
Исто тако, картица једнако,

367
00:18:00,050 --> 00:18:05,426
и тако свака компонента може приступити
ствари које су дате на њега.

368
00:18:05,426 --> 00:18:07,800
Они могу да приступе својства
које су добили на њу

369
00:18:07,800 --> 00:18:09,470
Коришћењем овог синтаксу, тхис.пропс.цард.

370
00:18:09,470 --> 00:18:12,010

371
00:18:12,010 --> 00:18:14,920
>> Дакле, шта се овде дешава се
имате миЦард објекат.

372
00:18:14,920 --> 00:18:18,250
Ти то проћи у апп
коришћењем апликације картице износи миЦард.

373
00:18:18,250 --> 00:18:21,420
Тај објекат картица даје апликацију.

374
00:18:21,420 --> 00:18:24,400
Апликација може приступити
као тхис.пропс.цард.

375
00:18:24,400 --> 00:18:28,780
То је нека врста слике
зна шта је извор.

376
00:18:28,780 --> 00:18:31,972
>> Ова апликација зна шта је то картица
је, а то може да уради ствари са њим.

377
00:18:31,972 --> 00:18:32,930
То може да уради израчунавања.

378
00:18:32,930 --> 00:18:35,290
То може доносити одлуке засноване од тога.

379
00:18:35,290 --> 00:18:39,950
>> За сада, хтео сам да прође
тхис.пропс.цард на на ЦардВиев.

380
00:18:39,950 --> 00:18:43,420
Нека сада смисла?

381
00:18:43,420 --> 00:18:45,210
То ће бити сада више смисла.

382
00:18:45,210 --> 00:18:46,990
>> У реду, тако да сада смо у ЦардВиев.

383
00:18:46,990 --> 00:18:51,719
Наш ЦардВиев, с обзиром на картицу, треба
принт своју питање и одговор.

384
00:18:51,719 --> 00:18:54,510
Сада смо само штампани неке
Хардцодед питања и одговори.

385
00:18:54,510 --> 00:18:57,720
Морамо да схватимо оут-- морамо
то аск картицу да нам дали

386
00:18:57,720 --> 00:19:01,360
шта је питање и одговор, и
затим одштампате ово у екран.

387
00:19:01,360 --> 00:19:02,470
>> Дакле, можемо да урадимо ово овде.

388
00:19:02,470 --> 00:19:06,135
У рендер бегин-- прво да једнако.

389
00:19:06,135 --> 00:19:08,710

390
00:19:08,710 --> 00:19:13,050
Дакле, шта ми радимо овде је ми знамо да
картице су нам дали на имовину,

391
00:19:13,050 --> 00:19:13,580
jel tako?

392
00:19:13,580 --> 00:19:15,930
То нам је дао као улаз.

393
00:19:15,930 --> 00:19:19,440
Као да је то скоро као
аргументи на функцију.

394
00:19:19,440 --> 00:19:22,810
Картица је аргумент
Скоро овом ЦардВиев.

395
00:19:22,810 --> 00:19:25,239
>> Ми ћемо извући да, и стави
га у променљиве питање.

396
00:19:25,239 --> 00:19:27,280
Уверите се да је одговор је
на варијабилни одговор.

397
00:19:27,280 --> 00:19:31,130
Тражи ту карту да одговори.

398
00:19:31,130 --> 00:19:35,072
И сад кад имамо ове,
уместо штампање тај текст,

399
00:19:35,072 --> 00:19:37,030
идемо да одштампате
све што нам је дао.

400
00:19:37,030 --> 00:19:43,580
>> Дакле, ово стуфф-- тако да ћемо
да се угаси Питање Одговор.

401
00:19:43,580 --> 00:19:46,380
Да видимо да ли ово ради.

402
00:19:46,380 --> 00:19:52,800
Кул, па хајде да корак кроз њега
још једном само да будемо сигурни.

403
00:19:52,800 --> 00:20:00,470
>> Тако да је моја картица је објекат картица, а ми
дају ту карту у апликацију.

404
00:20:00,470 --> 00:20:04,790
А апликација ће да узме
картица и дају га на ЦардВиев.

405
00:20:04,790 --> 00:20:09,190
И ово ЦардВиев каже, ако вас
дај ми било фласхцард објекат,

406
00:20:09,190 --> 00:20:11,920
Ја ћу исписати своје питање
и његов одговор, зар не?

407
00:20:11,920 --> 00:20:14,590
>> Дакле, шта могу да урадим да је могу
пошаљите код, прва

408
00:20:14,590 --> 00:20:16,580
као 10 редова мог кода, до мог пријатеља.

409
00:20:16,580 --> 00:20:18,820
Он је могао да уградити у
његова примена.

410
00:20:18,820 --> 00:20:27,200
И докле год је урадио исту ствар,
као ЦардВиев картица једнако ово,

411
00:20:27,200 --> 00:20:30,580
докле год је створио ЦардВиев
и дао му праве информације,

412
00:20:30,580 --> 00:20:31,987
могао је да донесе своју картицу.

413
00:20:31,987 --> 00:20:34,320
И тако на овај начин, то је стварно
кул начин да изграде

414
00:20:34,320 --> 00:20:35,906
компоненте које користе једни друге, зар не?

415
00:20:35,906 --> 00:20:38,280
Ова картица, сам могао да објавим
ово ЦардВиев на интернету,

416
00:20:38,280 --> 00:20:39,790
и људи ће моћи да га користе.

417
00:20:39,790 --> 00:20:45,070
У основи, то је као један од
стандардне функције у Ц библиотеци.

418
00:20:45,070 --> 00:20:47,280
>> То је функција којој
неко га је написао.

419
00:20:47,280 --> 00:20:48,419
Даш одређену улаз.

420
00:20:48,419 --> 00:20:49,710
То ће произвести одређени излаз.

421
00:20:49,710 --> 00:20:50,890
Не занима ме како интерно функционише.

422
00:20:50,890 --> 00:20:53,790
Докле год му дати право
улаз, то ће бити прави излаз.

423
00:20:53,790 --> 00:20:57,850
>> И компонента може да
помисли на исти начин.

424
00:20:57,850 --> 00:21:00,280
Ово је као ЦардВиев
библиотека функција.

425
00:21:00,280 --> 00:21:03,400
Ако му дати неку картицу
као имовине, то ће

426
00:21:03,400 --> 00:21:05,095
одштампате садржај те картице.

427
00:21:05,095 --> 00:21:16,820
Као да променим своју картицу
уместо бити као што је 5 плус 37,

428
00:21:16,820 --> 00:21:19,210
да ће сходно томе ажурирати.

429
00:21:19,210 --> 00:21:21,955
Дакле, само променом улаз,
она добија одређени излаз.

430
00:21:21,955 --> 00:21:24,830
Дакле, можете мислити компоненти готово
као функције на овај начин, који

431
00:21:24,830 --> 00:21:25,920
можете ставити заједно.

432
00:21:25,920 --> 00:21:29,440
Можете добити улаз, као што је овај ЦардВиев
као улаз, ти излаз.

433
00:21:29,440 --> 00:21:31,900
У том случају, излаз је ХТМЛ.

434
00:21:31,900 --> 00:21:34,404
Нека сада смисла?

435
00:21:34,404 --> 00:21:36,890
Кул, па опет, својства
Како можете проћи информације

436
00:21:36,890 --> 00:21:40,900
у и од компоненти.

437
00:21:40,900 --> 00:21:42,740
>> У реду, па нека ово
ствар интерактивни.

438
00:21:42,740 --> 00:21:44,450
Сада је некако досадно.

439
00:21:44,450 --> 00:21:45,520
Шта је [неразумљиво]?

440
00:21:45,520 --> 00:21:48,210
Можете да одштампате неки од,
али то је све што могу да урадим.

441
00:21:48,210 --> 00:21:51,550
>> Дакле, хајде да се вратимо до
старо питање само за сада.

442
00:21:51,550 --> 00:21:54,405
ОК, па управо сад ове компоненте
су досадни јер сви раде,

443
00:21:54,405 --> 00:21:55,030
добију улаз.

444
00:21:55,030 --> 00:21:56,100
Они чине излаз, зар не?

445
00:21:56,100 --> 00:21:57,049
То је некако досадно.

446
00:21:57,049 --> 00:21:59,090
Желимо да имамо
компоненти да моћи да

447
00:21:59,090 --> 00:22:02,150
нека врста унутрашњег стања,
као сећам нешто.

448
00:22:02,150 --> 00:22:05,320
>> За фласхцард, за
пример, какву државе

449
00:22:05,320 --> 00:22:07,550
Можда желите да
запамтите за фласхцард?

450
00:22:07,550 --> 00:22:09,740
Шта привремени статус
Можда желите да запамтите

451
00:22:09,740 --> 00:22:12,491
за фласхцард у фласхцард апп?

452
00:22:12,491 --> 00:22:13,990
ПУБЛИКА: Да ли је био преврнуо?

453
00:22:13,990 --> 00:22:14,990
НЕЕЛ Мехта: Да, у праву.

454
00:22:14,990 --> 00:22:17,665
Дакле, можда ћете желети да задржите
колосек сте се суочи или су

455
00:22:17,665 --> 00:22:19,100
сте лицем на картици.

456
00:22:19,100 --> 00:22:23,420
На Фацебоок-у, на пример, ти би
Желим да се сетите где у невс феед

457
00:22:23,420 --> 00:22:25,870
Да ли ви или воле ко је профил
радиш сада.

458
00:22:25,870 --> 00:22:30,127
>> На Мессенгер, као што текст те
укуцајте у поље за унос, зар не?

459
00:22:30,127 --> 00:22:31,710
Ако сте освежите страницу, она нестане.

460
00:22:31,710 --> 00:22:32,793
Али ти стварно не занима.

461
00:22:32,793 --> 00:22:33,770
То је само привремено.

462
00:22:33,770 --> 00:22:34,548
Да?

463
00:22:34,548 --> 00:22:36,152
>> ПУБЛИКА: [неразумљиво]

464
00:22:36,152 --> 00:22:38,360
НЕЕЛ Мехта: Као блица
картица, као што можете видети да се

465
00:22:38,360 --> 00:22:40,290
Питање страни или одговор страни?

466
00:22:40,290 --> 00:22:41,070
>> ПУБЛИКА: У реду.

467
00:22:41,070 --> 00:22:43,270
>> НЕЕЛ Мехта: Као
двострана Фласхцард, зар не?

468
00:22:43,270 --> 00:22:46,370
Да, тако ви желите да
има ту идеју сада

469
00:22:46,370 --> 00:22:50,370
Имам својства, која је као улаза,
али стање, које је привремена, ух,

470
00:22:50,370 --> 00:22:51,839
где сте на страници, зар не?

471
00:22:51,839 --> 00:22:54,380
Опет, рекао сам у Фацебоок
Мессенгер, ја сам као особа која

472
00:22:54,380 --> 00:22:56,550
гледате Фацебоок
или ко је профил, зар не?

473
00:22:56,550 --> 00:22:58,030
>> Ово је само привремено.

474
00:22:58,030 --> 00:23:01,200
Важно је да покаже корисника
шта се дешава, али освежите страницу.

475
00:23:01,200 --> 00:23:02,250
Није битно.

476
00:23:02,250 --> 00:23:04,530
Дакле, то је само привремено стање,
тако да све што држава.

477
00:23:04,530 --> 00:23:06,250
>> Дакле, опет, ту је држава и реквизите.

478
00:23:06,250 --> 00:23:09,084
Реквизити је улаз дат
од свог извора података.

479
00:23:09,084 --> 00:23:10,250
Држава је као вредности.

480
00:23:10,250 --> 00:23:13,700
То је као да ствари
чини ствар интерактивни.

481
00:23:13,700 --> 00:23:17,720
>> Дакле, у нашем ЦардВиев-- хајде да
наш ЦардВиев-- тако да је лепо.

482
00:23:17,720 --> 00:23:21,420
Шта ћемо да радимо овде, идемо
на додир ЦардВиев и само ЦардВиев.

483
00:23:21,420 --> 00:23:25,105
И тако мој пријатељ који је добио ово, они
не би приметио никакву разлику.

484
00:23:25,105 --> 00:23:27,230
Они неће морати да мењају
било који своју шифру,

485
00:23:27,230 --> 00:23:29,410
али они би виде своје
ЦардВиев добио побољшаном горе.

486
00:23:29,410 --> 00:23:31,270
То је лепо део о компонентама.

487
00:23:31,270 --> 00:23:35,290
>> У реду, тако да у нашем ЦардВиев, хајде да пробамо и
пратити да ли смо постепено до

488
00:23:35,290 --> 00:23:36,560
или лицем према доле.

489
00:23:36,560 --> 00:23:40,480
У Реацт радимо ово прво
наводећи почетно стање.

490
00:23:40,480 --> 00:23:42,070
Где је картица почне?

491
00:23:42,070 --> 00:23:48,480
>> Зато будите функцију која се зове гетИнитиалСтате
функционишу, а ми врати предмет.

492
00:23:48,480 --> 00:23:53,310
Овај објекат садржи неке државе, и
држава је само кључна вредност пар.

493
00:23:53,310 --> 00:23:56,950
Као у упутим, имате кључ и
вредност, имате као име је стринг.

494
00:23:56,950 --> 00:24:01,410
>> У овом случају, рецимо фронт је истина.

495
00:24:01,410 --> 00:24:03,760
То говори да имамо државу.

496
00:24:03,760 --> 00:24:06,570
Једна компонента државе
је атрибут се зове напред.

497
00:24:06,570 --> 00:24:09,649
[Неразумљиво], тако да по дефаулту,
ми смо у предњој страни картице,

498
00:24:09,649 --> 00:24:11,440
и можемо да променимо ово
као што смо флип картицу.

499
00:24:11,440 --> 00:24:13,380
Ima smisla?

500
00:24:13,380 --> 00:24:18,190
>> У реду, тако да у рендер, сада смо
показује питање и одговор.

501
00:24:18,190 --> 00:24:20,860
Сада шта треба да урадимо
се показати питање

502
00:24:20,860 --> 00:24:24,370
ако смо на предњој страни картице тако
одговор је за полеђини картице.

503
00:24:24,370 --> 00:24:26,850
Зато сте сви правимо
картица интерактивни.

504
00:24:26,850 --> 00:24:28,100
Дакле, хајде да покушамо да ово овде.

505
00:24:28,100 --> 00:24:31,600

506
00:24:31,600 --> 00:24:33,620
Па, прво само да променљиву.

507
00:24:33,620 --> 00:24:37,790
Можемо сада питати тхис.стате.фронт.

508
00:24:37,790 --> 00:24:42,010
Ми приступамо наводе исти смо
приступ реквизити, тако тхис.стате.фронт.

509
00:24:42,010 --> 00:24:45,870
>> Ако се предњи смо, а онда текст
је тхис.пропс.цард.куестион.

510
00:24:45,870 --> 00:24:48,777

511
00:24:48,777 --> 00:24:51,360
Ако смо на предњој страни
картица, ми ћемо покушати да зграби

512
00:24:51,360 --> 00:24:52,485
Питање из картице.

513
00:24:52,485 --> 00:24:54,782

514
00:24:54,782 --> 00:24:57,240
У супротном, ако смо на полеђини
картице, шта да радимо?

515
00:24:57,240 --> 00:25:01,830

516
00:25:01,830 --> 00:25:02,750
>> ПУБЛИКА: Одговор?

517
00:25:02,750 --> 00:25:05,041
>> НЕЕЛ Мехта: Да, тако текст
једнако тхис.пропс.цард.ансвер.

518
00:25:05,041 --> 00:25:08,472

519
00:25:08,472 --> 00:25:10,930
Али ако приметите, ми користимо
држава да донесе одлуку

520
00:25:10,930 --> 00:25:14,420
јер сада компоненте
ће изгледати другачије

521
00:25:14,420 --> 00:25:16,710
заснива искључивање како они комуницирају са њим.

522
00:25:16,710 --> 00:25:20,355
Дакле, уместо да одштампа то,
само ћемо одштампати текст.

523
00:25:20,355 --> 00:25:25,270

524
00:25:25,270 --> 00:25:28,650
Цоол, тако да сада, као што видите,
видимо само питање.

525
00:25:28,650 --> 00:25:37,720
И ако променимо стање овде ручно
да предњи је лажна смо добили 42 бацк.

526
00:25:37,720 --> 00:25:39,720
>> Дакле, опет, ова компонента
има своју државу.

527
00:25:39,720 --> 00:25:43,440
Као дугме зна да ли
Прошло је притиснут или не,

528
00:25:43,440 --> 00:25:46,080
ово зна шта је на
предњи или на леђима.

529
00:25:46,080 --> 00:25:48,320
По дефаулту, то је на фронту.

530
00:25:48,320 --> 00:25:50,840
И онда ако је на предњој страни,
ћемо одштампати питање.

531
00:25:50,840 --> 00:25:53,106
Ако је на леђима, ми ћемо
одштампати одговор.

532
00:25:53,106 --> 00:25:54,980
Дакле, опет, информације
обзиром је исти.

533
00:25:54,980 --> 00:25:59,090
Али изгледа другачије
на основу тога како сте га програмирали.

534
00:25:59,090 --> 00:26:02,670
Тако, на пример, Фацебоок Мессенгер,
чак и ако добијете исти извор података,

535
00:26:02,670 --> 00:26:05,170
можда изгледа другачије
јер је држава другачија.

536
00:26:05,170 --> 00:26:08,421
Ви гледате
Порука различитих особе.

537
00:26:08,421 --> 00:26:10,930
>> У реду, тако да је ово све добро и
добро, али сада шта је заправо

538
00:26:10,930 --> 00:26:15,940
да нас у могућности да промените, да ли
наша картица је предња или задња.

539
00:26:15,940 --> 00:26:19,010
Ми то можемо урадити додавањем флип
дугме, дугме на картицу која

540
00:26:19,010 --> 00:26:22,950
ће флип картицу ако је [неразумљиво].

541
00:26:22,950 --> 00:26:31,770
Дакле, хајде да додамо дугме овде, ово
дугме, а овај тастер ће рећи салто.

542
00:26:31,770 --> 00:26:35,650
>> И тако сада, то
не ради ништа.

543
00:26:35,650 --> 00:26:37,075
Само лепо изгледа.

544
00:26:37,075 --> 00:26:43,650
Оно што можемо да урадимо је да можемо да додамо клик
трговине, једнако онцлицк тхис.флип,

545
00:26:43,650 --> 00:26:44,820
па ћемо касније дефинисати салто.

546
00:26:44,820 --> 00:26:47,120
Али, у основи, онЦлицк
је функција која

547
00:26:47,120 --> 00:26:48,675
бива назван када корисник кликне га.

548
00:26:48,675 --> 00:26:52,330
>> Дакле, тастер ће знати
када је био кликнули.

549
00:26:52,330 --> 00:26:54,750
Вент то је кликнуо,
она ће флип картицу.

550
00:26:54,750 --> 00:26:58,382
То је нешто као твој
пица испоруке момак.

551
00:26:58,382 --> 00:27:01,590
Ти си као, у реду, кад год неко
зове ме, ја ћу испоручити пицу, зар не?

552
00:27:01,590 --> 00:27:03,420
>> Ви региструје овај слушаоца.

553
00:27:03,420 --> 00:27:04,530
Слушаш за састанак.

554
00:27:04,530 --> 00:27:07,657
Ако те зове, и када је
догађај деси, ви урадите нешто.

555
00:27:07,657 --> 00:27:08,240
Можете добити пицу.

556
00:27:08,240 --> 00:27:11,480
У том случају, када сте
кликнули, можете флип картицу.

557
00:27:11,480 --> 00:27:14,560
>> И тако треба да дефинише
функција која ће флип картицу,

558
00:27:14,560 --> 00:27:17,930
па ћемо написати право
овде, флип функцију.

559
00:27:17,930 --> 00:27:20,850

560
00:27:20,850 --> 00:27:23,680
И шта мислите Флип урадити?

561
00:27:23,680 --> 00:27:27,180
Опет се добија када се зове
да кликните на дугме флип.

562
00:27:27,180 --> 00:27:29,406
Шта би требало да функција Флип уради?

563
00:27:29,406 --> 00:27:34,136
>> ПУБЛИКА: Промена тхис.стате.фронт
од истине фалсе фалсе на труе.

564
00:27:34,136 --> 00:27:38,420
>> НЕЕЛ Мехта: Да, тако предузети све
тхис.фронт је- фронт држава.

565
00:27:38,420 --> 00:27:40,930
Узмите предњи државу, ако
то је истина, да је лажна.

566
00:27:40,930 --> 00:27:42,530
Ако је лажна, да ли је истина, зар не?

567
00:27:42,530 --> 00:27:45,330
Дакле, хајде да покушамо то.

568
00:27:45,330 --> 00:27:48,240
>> Не можете мењати стање
само радећи тхис.стате.

569
00:27:48,240 --> 00:27:50,380
Не могу то да урадим.

570
00:27:50,380 --> 00:27:52,030
Не могу то да урадим.

571
00:27:52,030 --> 00:27:55,810
Морате да користите функцију
зове тхис.сетСтате.

572
00:27:55,810 --> 00:28:03,230
>> Дакле, можете рећи тхис.сетСтате предњи
дебелог црева ово где, опет, узвик

573
00:28:03,230 --> 00:28:04,330
тачка значи супротно.

574
00:28:04,330 --> 00:28:07,420
Претпостављам да ако ово. стате.фронт
је истина, то ће окренути лажна.

575
00:28:07,420 --> 00:28:09,170
Тако ћемо поставити државу
од тачно на лаж.

576
00:28:09,170 --> 00:28:11,430
Ако је лажна, ми ћемо
сет је лаж да истина.

577
00:28:11,430 --> 00:28:17,210
>> Само приметио да смо кренули и да благо
другачије, па хајде да пробамо ово.

578
00:28:17,210 --> 00:28:18,675
Бада Бинг, погледај ово.

579
00:28:18,675 --> 00:28:21,810
Дугме Флип ће сада
пребаците напред да подржи државу.

580
00:28:21,810 --> 00:28:24,990
>> И ево где видите
Мало магије Реацт.

581
00:28:24,990 --> 00:28:28,420
Као да никада није рекао да то поново учини.

582
00:28:28,420 --> 00:28:30,910
Ми никада није рекао да исцрта ништа.

583
00:28:30,910 --> 00:28:32,630
Ако ово радите
без Реацт, ти би

584
00:28:32,630 --> 00:28:34,588
мораш-- волим када
Флип кликнуто,

585
00:28:34,588 --> 00:28:37,290
морао би да исприча
ручно поново рендер, зар не?

586
00:28:37,290 --> 00:28:43,050
>> Реацт је стварно кул у да ако
дају му одређену државу и својства,

587
00:28:43,050 --> 00:28:45,760
увек ће донијети
исту ствар.

588
00:28:45,760 --> 00:28:48,690
И тако, када смо икада мењамо
држава и својства,

589
00:28:48,690 --> 00:28:50,819
реагују само поново чини целу ствар.

590
00:28:50,819 --> 00:28:52,860
Она зна да постоји
један-на-један цорреспонденце

591
00:28:52,860 --> 00:28:57,270
између државе и параметара и ХТМЛ.

592
00:28:57,270 --> 00:29:00,110
Тако да кад год било оних
промени за преко одређеног државе,

593
00:29:00,110 --> 00:29:03,750
то ће се променити како
плата је поново изречена.

594
00:29:03,750 --> 00:29:06,650
И тако у суштини Реацт је као
чекајући да се промени.

595
00:29:06,650 --> 00:29:09,870
>> Кад год се мења нешто,
да ће поново донијети целу страницу.

596
00:29:09,870 --> 00:29:12,480
И ако звучи неефикасан,
то је зато што би,

597
00:29:12,480 --> 00:29:15,050
али реагују користи ствар
назива Схадов ДОМ.

598
00:29:15,050 --> 00:29:19,950
Уместо цртања страницу директно, то
одржава виртуелну ХТМЛ дрво у меморији.

599
00:29:19,950 --> 00:29:23,620
>> Знате, ХТМЛ је као дрво,
као хијерархијске структуре података.

600
00:29:23,620 --> 00:29:28,990
У њој се чува лажни дрво у меморији,
и кад год ажурирати страницу,

601
00:29:28,990 --> 00:29:31,940
да ће извући још један лажњак
дрво, и то ће израчунати

602
00:29:31,940 --> 00:29:35,120
оно што је потребно променити да би
страна да су два стабла једнаки.

603
00:29:35,120 --> 00:29:38,540
У основи, то практично
поново доноси много.

604
00:29:38,540 --> 00:29:41,540
А онда је само желео мења
страница у малим Твеакс по потреби,

605
00:29:41,540 --> 00:29:44,240
тако да је веома, веома, веома ефикасно.

606
00:29:44,240 --> 00:29:46,970
>> Дакле, у основи Реацт ће
кад год нешто променити,

607
00:29:46,970 --> 00:29:49,010
да ће поново донијети страницу практично.

608
00:29:49,010 --> 00:29:52,830
То ће схватити шта треба да
променити се прави страница одражавају

609
00:29:52,830 --> 00:29:55,602
виртуелни страна, и да ће то урадити.

610
00:29:55,602 --> 00:29:56,560
То је виртуелни ДОМ.

611
00:29:56,560 --> 00:29:59,350
То је једна од највећих
карактеристике Реацт.

612
00:29:59,350 --> 00:30:00,880
>> Da li to ima smisla?

613
00:30:00,880 --> 00:30:01,540
Neko pitanje?

614
00:30:01,540 --> 00:30:02,040
Да?

615
00:30:02,040 --> 00:30:05,568

616
00:30:05,568 --> 00:30:08,969
>> ПУБЛИКА: Како
упореди даље на МВЦ

617
00:30:08,969 --> 00:30:10,760
да смо разговарали о
пре као ресурса.

618
00:30:10,760 --> 00:30:13,527
>> НЕЕЛ Мехта: Да, питање
како то пореди са МВЦ?

619
00:30:13,527 --> 00:30:14,610
Питали сте о ресурсима.

620
00:30:14,610 --> 00:30:16,445
Па, хајде да причамо о томе како она функционише.

621
00:30:16,445 --> 00:30:18,190
>> У МВЦ, ти би ажурира модел.

622
00:30:18,190 --> 00:30:20,560
У том случају имали бисмо модел картице.

623
00:30:20,560 --> 00:30:24,540
Поглед би имати
Флип дугме, а контрола

624
00:30:24,540 --> 00:30:26,310
би имати флип функцију.

625
00:30:26,310 --> 00:30:28,450
Дакле, поглед ће рећи
контролер за Флип.

626
00:30:28,450 --> 00:30:30,370
Обрни би рећи
Модел променити, зар не?

627
00:30:30,370 --> 00:30:33,915
>> И тако, када ти се МВЦ, ти
слуша модел да се промени,

628
00:30:33,915 --> 00:30:37,150
а ви поново доноси у складу с поглед.

629
00:30:37,150 --> 00:30:39,210
Или је само да воле
имају контролер.

630
00:30:39,210 --> 00:30:42,418
Сачекајте модел да промените, а затим
бирати део као ствар

631
00:30:42,418 --> 00:30:44,032
da promene.

632
00:30:44,032 --> 00:30:45,740
Овде имамо једну ствар,
али у великој апликације,

633
00:30:45,740 --> 00:30:48,510
морате да бих се сетим шта
промена у сваком мјесту,

634
00:30:48,510 --> 00:30:50,290
тако да је мало нервира.

635
00:30:50,290 --> 00:30:53,670
И тако је лепо Реацт
јер има Схадов Дом.

636
00:30:53,670 --> 00:30:56,040
То може приуштити да само
преписати целу ствар.

637
00:30:56,040 --> 00:30:58,680
Не морате да селективно
као погодите шта да ажурира.

638
00:30:58,680 --> 00:31:02,186
>> На Фацебоок-у ако желите
добијете нову поруку, у МВЦ,

639
00:31:02,186 --> 00:31:04,060
морали би да се сетим,
У реду, промените ствари

640
00:31:04,060 --> 00:31:06,260
на врху
страна, икона порука.

641
00:31:06,260 --> 00:31:08,290
Такође, поп нови прозор на дну.

642
00:31:08,290 --> 00:31:10,070
Такође проверите нешто ново у том прозору.

643
00:31:10,070 --> 00:31:11,060
Такође, репродукује звук.

644
00:31:11,060 --> 00:31:13,150
>> То је пуно ствари
излазак у исто време.

645
00:31:13,150 --> 00:31:15,320
И тако, ако не
имају Схадов Дом, ти би

646
00:31:15,320 --> 00:31:18,740
мораш то да радиш ручно јер
не можете отарасити целе странице.

647
00:31:18,740 --> 00:31:21,430
Не можете себи приуштити да, тако да имате
да промените сваку ствар ручно,

648
00:31:21,430 --> 00:31:23,990
што је заиста досадан у МВЦ.

649
00:31:23,990 --> 00:31:27,640
>> Тако да би био
штедљив, они су селективно

650
00:31:27,640 --> 00:31:30,750
упдате страницу, која је
ефикасан, али и досадни.

651
00:31:30,750 --> 00:31:34,002
У Реацт, због Схадов
Дом, ти обе ствари бесплатно.

652
00:31:34,002 --> 00:31:35,710
То је ефикасан, јер
од Схадов дома.

653
00:31:35,710 --> 00:31:37,210
Уско грло ажурира страницу.

654
00:31:37,210 --> 00:31:40,292
То не иде манипулације стабло.

655
00:31:40,292 --> 00:31:41,250
Добијате ефикасност.

656
00:31:41,250 --> 00:31:45,420
Такође добити лакоћу употребе јер
ако само преписати целу страницу,

657
00:31:45,420 --> 00:31:48,970
али само знам, у реду, ствари
ће бити на страни негде.

658
00:31:48,970 --> 00:31:51,180
То може бити на неком другом месту, али
то ће бити на страни, зар не?

659
00:31:51,180 --> 00:31:52,860
Дакле, само поново донио
цела ствар практично,

660
00:31:52,860 --> 00:31:55,540
и можда направити пар
промене у самој страници.

661
00:31:55,540 --> 00:31:57,850
>> Дакле, опет, у МВЦ иоу
би морао да бира

662
00:31:57,850 --> 00:32:01,840
између једноставност употребе и ефикасности,
и реаговати, обоје добити.

663
00:32:01,840 --> 00:32:04,020
Зато је боље.

664
00:32:04,020 --> 00:32:05,220
Ima smisla?

665
00:32:05,220 --> 00:32:06,676
Чврста.

666
00:32:06,676 --> 00:32:12,080
>> У реду, да видимо да поразговарамо
мало о кораку 4,

667
00:32:12,080 --> 00:32:14,740
Како можемо уградити компоненте.

668
00:32:14,740 --> 00:32:16,260
Тако да сада имамо то право.

669
00:32:16,260 --> 00:32:19,420
Имамо цоол мало дугме.

670
00:32:19,420 --> 00:32:23,157
Можемо да окренемо леђа и
даље, и то је све што ради.

671
00:32:23,157 --> 00:32:24,990
Рецимо желимо да
има још једну компоненту.

672
00:32:24,990 --> 00:32:28,730
Рецимо наш фласхцард апликација треба
садржи списак свих картица

673
00:32:28,730 --> 00:32:31,520
да имате, тако да значи
треба да има још једну компоненту.

674
00:32:31,520 --> 00:32:32,970
Па, можда га зову поглед листа.

675
00:32:32,970 --> 00:32:36,200
Хајде да направимо приказ листе која
коегзистира са ЦардВиев,

676
00:32:36,200 --> 00:32:39,680
и ова листа поглед и ЦардВиев
допасти раде заједно.

677
00:32:39,680 --> 00:32:43,190
А можете их комбинујете
да нашу апликацију за вас.

678
00:32:43,190 --> 00:32:45,160
>> Дакле, прво, хајде да направи
пар више карата у праву.

679
00:32:45,160 --> 00:32:46,370
Рецимо, шта картице?

680
00:32:46,370 --> 00:32:49,619

681
00:32:49,619 --> 00:32:51,910
И само да не морам да
давим са куцањем га у,

682
00:32:51,910 --> 00:32:53,410
Само ћу да га копирате одавде.

683
00:32:53,410 --> 00:33:01,664

684
00:33:01,664 --> 00:33:03,580
И тако ћу да не
дај му само једну карту.

685
00:33:03,580 --> 00:33:06,910
Ја ћу му дати низ карата.

686
00:33:06,910 --> 00:33:10,240
Дакле, прво су апликације
искрсло за сада.

687
00:33:10,240 --> 00:33:14,717
У реду, тако да ћемо направити
ово у стању да обради више картица.

688
00:33:14,717 --> 00:33:17,800
Прво, ми ћемо га дати, не
само једна картица већ низ карата,

689
00:33:17,800 --> 00:33:18,700
као списак од карата.

690
00:33:18,700 --> 00:33:20,980
И у овом случају, имамо троје.

691
00:33:20,980 --> 00:33:27,280
>> У реду, тако да је апликација
ће добити списак картица,

692
00:33:27,280 --> 00:33:29,870
и да ће одлучити који
један до показати ЦардВиев.

693
00:33:29,870 --> 00:33:33,740
ЦардВиев могу само
рендер једну карту, али апликацију

694
00:33:33,740 --> 00:33:37,610
добија списак свих карата, зар не?

695
00:33:37,610 --> 00:33:40,820
>> Дакле, када схватите једну
картица дати ЦардВиев,

696
00:33:40,820 --> 00:33:44,660
како би претпостављам да би могао
да донесе одлуку о томе који картица

697
00:33:44,660 --> 00:33:47,064
pokazati?

698
00:33:47,064 --> 00:33:49,980
Да вам дати наговештај, то је привремено
Бићете прегледате одређену картицу.

699
00:33:49,980 --> 00:33:53,260
Ако сте освежите страницу, ви ћете
да се вратимо на прву картицу.

700
00:33:53,260 --> 00:33:55,464
То је у реду, јер је то привремено.

701
00:33:55,464 --> 00:33:56,630
Оно технику бисмо могли користити?

702
00:33:56,630 --> 00:34:02,534

703
00:34:02,534 --> 00:34:08,760
>> ПУБЛИКА: Можете направити променљиву
тако као сто си имао фронт.

704
00:34:08,760 --> 00:34:11,989
Да ли је то истина, можеш
има струје картица једнако 1?

705
00:34:11,989 --> 00:34:14,150
>> НЕЕЛ Мехта: Да, па смо
желе да имају државу, зар не?

706
00:34:14,150 --> 00:34:16,080
Ви би користили стање у
компонента да схватим

707
00:34:16,080 --> 00:34:17,288
коју картицу желимо да добијемо.

708
00:34:17,288 --> 00:34:19,290
Као имамо списак
све картице, ми ћемо

709
00:34:19,290 --> 00:34:21,630
користе државу да схватим
један од првих картице,

710
00:34:21,630 --> 00:34:23,710
друге картице, треће карте, и тако даље.

711
00:34:23,710 --> 00:34:28,760
>> Дакле, апликација тако да се апликација ће добити
имају функцију гетИнитиалСтате,

712
00:34:28,760 --> 00:34:35,020
гетИнитиалСтате функција повратак.

713
00:34:35,020 --> 00:34:39,929
А ми само ћу рећи ацтивеИндек 0.

714
00:34:39,929 --> 00:34:42,889
Тако да сада наша апликација има сопствени државу.

715
00:34:42,889 --> 00:34:47,179
>> И тако сада рендер, да схватим
картица, идемо у низу

716
00:34:47,179 --> 00:34:49,969
и зграбите ствар у том индексу.

717
00:34:49,969 --> 00:34:53,580
Избор картица једнаке тхис.пропс.цардс
тхис.стате.ацтивеИндек.

718
00:34:53,580 --> 00:34:56,469

719
00:34:56,469 --> 00:35:00,162
Дакле, као што видите овде, у реквизитима и
држава заправо раде заједно.

720
00:35:00,162 --> 00:35:08,990
Дакле, сада када имамо ацтивеЦард,
ми ћемо га звати ацтивеЦард,

721
00:35:08,990 --> 00:35:10,470
па да видимо да ли ово ради.

722
00:35:10,470 --> 00:35:20,320

723
00:35:20,320 --> 00:35:20,820
[Неразумљиво]

724
00:35:20,820 --> 00:35:41,504

725
00:35:41,504 --> 00:35:44,900
>> Ох, то је био текст грешке.

726
00:35:44,900 --> 00:35:45,400
Ах.

727
00:35:45,400 --> 00:35:51,420

728
00:35:51,420 --> 00:35:54,840
>> Цоол, да, тако да смо се вратили
где смо били пре, зар не?

729
00:35:54,840 --> 00:35:57,100
Исти стари програма, осим
Сада можемо да подржимо

730
00:35:57,100 --> 00:35:59,390
списак картица, а не само једна картица.

731
00:35:59,390 --> 00:36:04,130
А сада, опет, ако промените
ацтивеИндек, можемо да идемо од 0 до 1,

732
00:36:04,130 --> 00:36:07,330
а сада је друга картица,
и онда смо отишли ​​до 0.

733
00:36:07,330 --> 00:36:10,390
Дакле, овде је нови
побољшаном верзијом нашег.

734
00:36:10,390 --> 00:36:16,000
>> У реду, тако да сада идемо на приказ листе која
приказује све карте у свом програму,

735
00:36:16,000 --> 00:36:19,980
тако да ћемо направити нова
компонента се зове ЛистВиев.

736
00:36:19,980 --> 00:36:22,155
Нека ЛистВиев једнако реацт.цреатеЦласс.

737
00:36:22,155 --> 00:36:32,890

738
00:36:32,890 --> 00:36:38,800
Дакле, желимо да донесемо нередоследна
Листа са листу ставки за сваку картицу.

739
00:36:38,800 --> 00:36:41,490
И тако имамо гомилу карата.

740
00:36:41,490 --> 00:36:44,990
Желимо само једну ставку листе
за сваку картицу, зар не?

741
00:36:44,990 --> 00:36:47,490
Могли би да фор петљу или
нешто да направи нову ставку листе.

742
00:36:47,490 --> 00:36:50,522
Али начин на који ви то радите у
Реацт, користите нешто што се зове карту.

743
00:36:50,522 --> 00:36:57,150
Карта је алат или функцију користите
да за сваку ставку, води неку функцију,

744
00:36:57,150 --> 00:36:59,510
узима повратну вредност и
даје то назад.

745
00:36:59,510 --> 00:37:06,310
>> Дакле, као пример, имамо низ
1, 2, 3.мап фунцтион-- и овај

746
00:37:06,310 --> 00:37:12,120
је скраћеница за
фунцтион-- к арров к пута к.

747
00:37:12,120 --> 00:37:16,110
Ово каже, за сваки број
у 1, 2, 3, узми.

748
00:37:16,110 --> 00:37:17,800
Скуаре га, и да га врати.

749
00:37:17,800 --> 00:37:22,090
Дакле, шта мислите 1,
2, 3.мап х иде к пута

750
00:37:22,090 --> 00:37:25,480
х даје вам дати назад
да је ова функција

751
00:37:25,480 --> 00:37:27,680
ради на сваком елементу тог низа.

752
00:37:27,680 --> 00:37:30,837

753
00:37:30,837 --> 00:37:32,190
>> ПУБЛИКА: 1, 4 9?

754
00:37:32,190 --> 00:37:35,709
>> НЕЕЛ Мехта: Да, 1, 4, 9
јер ти 1 раз 1.

755
00:37:35,709 --> 00:37:36,500
То вам даје један.

756
00:37:36,500 --> 00:37:37,690
То је први елемент.

757
00:37:37,690 --> 00:37:38,530
>> 2 пута 2 је 4.

758
00:37:38,530 --> 00:37:39,570
То је други елемент.

759
00:37:39,570 --> 00:37:40,310
3 пута 3 је 9.

760
00:37:40,310 --> 00:37:41,540
То је трећи елемент.

761
00:37:41,540 --> 00:37:42,640
Ima smisla?

762
00:37:42,640 --> 00:37:45,015
Дакле, карта има вас технику
користити у функционалним програмера,

763
00:37:45,015 --> 00:37:48,090
нови стил
програмирање да уради нешто

764
00:37:48,090 --> 00:37:50,500
да сваки елемент у вашем листу.

765
00:37:50,500 --> 00:37:51,970
И то звучи познато.

766
00:37:51,970 --> 00:37:53,370
Имамо листу картица.

767
00:37:53,370 --> 00:37:56,860
Желимо да се са листе за сваки
један, тако да ћемо само користити мапу овде.

768
00:37:56,860 --> 00:38:00,250
Ми ћемо рећи, нека листу једнаки
тхис.пропс, картице, карта.

769
00:38:00,250 --> 00:38:10,580

770
00:38:10,580 --> 00:38:15,070
>> И тако добија картицу, ми смо
ће генерисати са листе

771
00:38:15,070 --> 00:38:17,580
са садржајем страна која картици за њега.

772
00:38:17,580 --> 00:38:20,660
Рецимо желимо да дају
картице питање тако цард.куестион.

773
00:38:20,660 --> 00:38:24,990

774
00:38:24,990 --> 00:38:30,649
Дакле, ова листа садржи
низ Ли или Лист итемс

775
00:38:30,649 --> 00:38:32,440
где постоји једна листа
Ставка за сваку картицу,

776
00:38:32,440 --> 00:38:35,150
и који садржи картице питање.

777
00:38:35,150 --> 00:38:37,640
Ima smisla?

778
00:38:37,640 --> 00:38:39,450
>> Кул, па хајде сада да
заправо принт то.

779
00:38:39,450 --> 00:38:46,521
Дакле, ми ћемо вратити ул.

780
00:38:46,521 --> 00:38:49,020
Унутар тог Списак без редних бројева,
само ћемо држати цео списак

781
00:38:49,020 --> 00:38:49,890
да су нам дали.

782
00:38:49,890 --> 00:38:52,851

783
00:38:52,851 --> 00:38:53,350
Кул.

784
00:38:53,350 --> 00:38:56,060
>> У реду, тако да сада ово
Лист Виев функционише наћи.

785
00:38:56,060 --> 00:38:59,842
Сва питања о приказу листе?

786
00:38:59,842 --> 00:39:01,270
Имате гомилу карата.

787
00:39:01,270 --> 00:39:02,800
Иоу маке ставку са листе за сваку картицу.

788
00:39:02,800 --> 00:39:05,466
А ти си их унутар нередоследна
листа, а ти га вратити.

789
00:39:05,466 --> 00:39:09,410
Дакле, хајде да делују тако да смо ембед
ово унутар наше апликације,

790
00:39:09,410 --> 00:39:14,310
тако да можемо да урадимо ово, лист виев.

791
00:39:14,310 --> 00:39:17,070
Шта Аргумент да пређемо на листу поглед?

792
00:39:17,070 --> 00:39:18,320
Шта својства ми га дати?

793
00:39:18,320 --> 00:39:25,111

794
00:39:25,111 --> 00:39:26,860
Запамтите, ако дате
то је гомила картица,

795
00:39:26,860 --> 00:39:29,590
то ће направити списак
видите за ове картице.

796
00:39:29,590 --> 00:39:32,267
Дакле, шта бисмо проћи
овде као аргумент?

797
00:39:32,267 --> 00:39:33,350
ПУБЛИКА: Списак карата?

798
00:39:33,350 --> 00:39:37,130
НЕЕЛ Мехта: Да, тако картицама
једнако тхис.пропс.цардс, зар не?

799
00:39:37,130 --> 00:39:39,850

800
00:39:39,850 --> 00:39:44,370
И тако једини проблем
је да само можете

801
00:39:44,370 --> 00:39:48,600
окренуо један врхунски ниво елемент у рендер,
тако да морате да га замотати у див.

802
00:39:48,600 --> 00:39:49,100
To je čudno.

803
00:39:49,100 --> 00:39:56,190

804
00:39:56,190 --> 00:39:57,530
Дакле, хајде да видимо да ли је.

805
00:39:57,530 --> 00:40:09,790

806
00:40:09,790 --> 00:40:10,560
Да ли то ради?

807
00:40:10,560 --> 00:40:29,774

808
00:40:29,774 --> 00:40:31,030
>> Да, изволи.

809
00:40:31,030 --> 00:40:33,700
Тако да сада имамо списак
картица на дну,

810
00:40:33,700 --> 00:40:36,180
и онда имамо нашу
ЦардВиев се на врху,

811
00:40:36,180 --> 00:40:40,486
и да ће између флип
две стране картице.

812
00:40:40,486 --> 00:40:42,610
Сада Има ли смисла како сам то урадио?

813
00:40:42,610 --> 00:40:45,165

814
00:40:45,165 --> 00:40:46,790
Да, па опет, имамо две компоненте.

815
00:40:46,790 --> 00:40:49,666
Прва компонента штампа
од сваке картице на листи.

816
00:40:49,666 --> 00:40:50,540
То је поглед листе.

817
00:40:50,540 --> 00:40:54,770
А друга компонента
исписује само ту картицу.

818
00:40:54,770 --> 00:40:58,840
Ако му дати одређену картицу, то ће
одштампати информације о тој картици

819
00:40:58,840 --> 00:41:01,870
и нека ти напред и назад флип.

820
00:41:01,870 --> 00:41:05,850
>> Дакле, ако желимо, можемо да покушамо и разговор
о додавању неке нове могућности за то.

821
00:41:05,850 --> 00:41:09,482
У супротном можемо да причамо мало више
око од брзине реактора,

822
00:41:09,482 --> 00:41:11,190
или можемо одговорити
питања можете имати

823
00:41:11,190 --> 00:41:15,050
јер су све основне делове
од реаговати да желим да причам о томе.

824
00:41:15,050 --> 00:41:16,540
Можемо ићи напред.

825
00:41:16,540 --> 00:41:17,590
Можемо одговорити на питања.

826
00:41:17,590 --> 00:41:18,560
Kako god hoćeš.

827
00:41:18,560 --> 00:41:21,694

828
00:41:21,694 --> 00:41:24,205
>> ПУБЛИКА: Да ли можете користити
ЈСКС у нормалном ЈаваСцрипт?

829
00:41:24,205 --> 00:41:27,150
Или је то нешто што
дошао са [неразумљиво]?

830
00:41:27,150 --> 00:41:30,760
>> НЕЕЛ Мехта: Питање је конзерва
користите јск са нормалном ЈаваСцрипт?

831
00:41:30,760 --> 00:41:32,620
Одговор је потврдан.

832
00:41:32,620 --> 00:41:41,070
ЈСКС је само начин да се чини да ваш
Јавасцрипт да има ХТМЛ унутар ње,

833
00:41:41,070 --> 00:41:44,215
и то саставља у ЈаваСцрипт да
нема ХТМЛ унутар њега.

834
00:41:44,215 --> 00:41:47,880
Тако приметити то-- тако приметити овде.

835
00:41:47,880 --> 00:41:50,820
Ово изгледа као да имате као див
а ви имате ствари у њему.

836
00:41:50,820 --> 00:41:54,970
>> То саставља на ЈаваСцрипт да
Као генерише исту ствар.

837
00:41:54,970 --> 00:41:59,590
Претпостављам да оно што ја кажем је да
ЈСКС је само синтаксичких, као да је

838
00:41:59,590 --> 00:42:03,530
предпроцесор за ЈаваСцрипт много
Као ПХП је Претпроцесор за ХТМЛ.

839
00:42:03,530 --> 00:42:05,490
АД је предпроцесор
за ЈаваСцрипт која омогућава

840
00:42:05,490 --> 00:42:12,970
ставите ХТМЛ унутар вашег ЈаваСцрипт.

841
00:42:12,970 --> 00:42:16,425
И тако ако имате праву трансформатор
што је ствар која се зове [неразумљиво],

842
00:42:16,425 --> 00:42:17,300
који ће трансформисати.

843
00:42:17,300 --> 00:42:19,360
Право Претпроцесор,
то ће вам то дозволити.

844
00:42:19,360 --> 00:42:20,235
>> ПУБЛИКА: [неразумљиво]

845
00:42:20,235 --> 00:42:23,026
НЕЕЛ Мехта: Обично не треба
ставити ХТМЛ унутар ЈаваСцрипт

846
00:42:23,026 --> 00:42:24,110
осим ако твоје дело Реацт.

847
00:42:24,110 --> 00:42:27,146
Али ти то можеш у сваком случају.

848
00:42:27,146 --> 00:42:27,645
Да?

849
00:42:27,645 --> 00:42:29,353
>> ПУБЛИКА: Мислим да би
описао Реацт

850
00:42:29,353 --> 00:42:31,970
као функционални програмирање језика.

851
00:42:31,970 --> 00:42:35,646
Ми смо учили Ц у ЦС50.

852
00:42:35,646 --> 00:42:38,032
Да ли је Ц такође функционална језик?

853
00:42:38,032 --> 00:42:39,990
НЕЕЛ Мехта: Дакле, питање
је око функционална

854
00:42:39,990 --> 00:42:43,010
у односу на друге ствари која се зове
императив или процедурално програмирање.

855
00:42:43,010 --> 00:42:44,820
Постоје две врсте програма популарних.

856
00:42:44,820 --> 00:42:48,550
Један се зове процедурално, која
је све о као раде команде,

857
00:42:48,550 --> 00:42:51,510
а једна је функционалан, што је све
о томе да функције и има

858
00:42:51,510 --> 00:42:52,930
улаз и излаз од њих.

859
00:42:52,930 --> 00:42:55,930
Реацт је функционална парадигма.

860
00:42:55,930 --> 00:42:58,010
Ц је веома процедурална парадигма.

861
00:42:58,010 --> 00:43:02,360
>> И као пример, Ц на пример,
то не урадите ово декларативни начин

862
00:43:02,360 --> 00:43:04,390
израде програма, зар не?

863
00:43:04,390 --> 00:43:06,826
Мораш да кажеш, одштампајте ово.

864
00:43:06,826 --> 00:43:07,950
Промените ову структуру података.

865
00:43:07,950 --> 00:43:08,530
Принт тхис.

866
00:43:08,530 --> 00:43:10,160
То је све о командама.

867
00:43:10,160 --> 00:43:12,640
>> У Реацт, нема
да многи команде.

868
00:43:12,640 --> 00:43:15,145
То је све о томе да
Компоненте сте ставили заједно.

869
00:43:15,145 --> 00:43:16,300
Они су као функција.

870
00:43:16,300 --> 00:43:26,360
Имате као функција
зове ЦардВиев,

871
00:43:26,360 --> 00:43:28,680
која је функција
која има улаз, излаз,

872
00:43:28,680 --> 00:43:30,660
па је све Реацт
о овом филозофијом

873
00:43:30,660 --> 00:43:32,700
нас од хавинг-- имате податке.

874
00:43:32,700 --> 00:43:34,910
Ти то проћи кроз ово
алгоритам, и то ће

875
00:43:34,910 --> 00:43:36,800
излаз ХТМЛ који вас
само штампани страницу,

876
00:43:36,800 --> 00:43:39,180
па морате да
Буилд Ит комад по комад.

877
00:43:39,180 --> 00:43:42,800
>> Тако да се направи метафору на оно што
Што сам раније рекао, знате како

878
00:43:42,800 --> 00:43:47,050
на Фацебоок-у ако добијете поруку,
и да изаберете оно што делови за ажурирање,

879
00:43:47,050 --> 00:43:47,882
То је процедурално.

880
00:43:47,882 --> 00:43:48,840
То је императив, зар не?

881
00:43:48,840 --> 00:43:49,806
ОК, имам поруку.

882
00:43:49,806 --> 00:43:50,930
Хајде да променимо налог тамо.

883
00:43:50,930 --> 00:43:52,110
>> Хајде да поп прозор овде.

884
00:43:52,110 --> 00:43:52,780
Хајде да променимо налог тамо.

885
00:43:52,780 --> 00:43:53,700
Хајде да ово нацртао овде.

886
00:43:53,700 --> 00:43:55,220
То је процедурални приступ.

887
00:43:55,220 --> 00:44:00,240
>> То је Које ствари као Угаона,
Боост, Бацкбоне, остали оквири користе.

888
00:44:00,240 --> 00:44:01,200
Реацт је функционалан.

889
00:44:01,200 --> 00:44:03,324
То је веома другачији начин
размишљања о стварима.

890
00:44:03,324 --> 00:44:07,950
Потребно је ову идеју хајде да
функције или алгоритми који ће вас

891
00:44:07,950 --> 00:44:08,800
дајте му податке.

892
00:44:08,800 --> 00:44:11,820
То ће испљунути шта је
треба да буде, а рачунар

893
00:44:11,820 --> 00:44:13,490
ће се побринути за вагање напоље.

894
00:44:13,490 --> 00:44:15,890
Ви не носити сами.

895
00:44:15,890 --> 00:44:18,470
Да ли то има мало смисла?

896
00:44:18,470 --> 00:44:18,970
Да?

897
00:44:18,970 --> 00:44:24,180
>> ПУБЛИКА: У функционалном језику,
све дешава одједном?

898
00:44:24,180 --> 00:44:26,800
>> НЕЕЛ Мехта: Не, ствари се дешавају у реду.

899
00:44:26,800 --> 00:44:29,320
Као овде још увек има
нареди, али то није то

900
00:44:29,320 --> 00:44:32,390
десити у редоследу као
похвалити, команда, команда.

901
00:44:32,390 --> 00:44:36,459
То се дешава у редоследу
Функција вам даје излаз.

902
00:44:36,459 --> 00:44:37,750
Стави то у неку другу функцију.

903
00:44:37,750 --> 00:44:39,550
Стави то у другу
функција, друга функција.

904
00:44:39,550 --> 00:44:41,470
>> Ако то урадите цс51, ви ћете
леарн функционалне програме

905
00:44:41,470 --> 00:44:42,886
мало изван обима овог.

906
00:44:42,886 --> 00:44:45,090
Али, у основи, оно што чини
Реацт кул није само

907
00:44:45,090 --> 00:44:46,840
један-пут проток података
и виртуелни дом,

908
00:44:46,840 --> 00:44:48,700
али ова идеја
функционалан програмирање.

909
00:44:48,700 --> 00:44:51,720
И функционалан програмирање је врло лако
да компонује и да кул ствари из,

910
00:44:51,720 --> 00:44:53,844
и то је врло лако да мислимо
око и разлог о томе.

911
00:44:53,844 --> 00:44:55,450
Дакле, то је још један добар жреб за Реацт.

912
00:44:55,450 --> 00:44:58,489

913
00:44:58,489 --> 00:44:59,280
Има ли још питања?

914
00:44:59,280 --> 00:45:02,650

915
00:45:02,650 --> 00:45:03,150
Да?

916
00:45:03,150 --> 00:45:06,840
>> ПУБЛИКА: Хм, зашто би
користе нека насупрот вар?

917
00:45:06,840 --> 00:45:10,450
>> НЕЕЛ Мехта: Дакле, питање је
зашто користите дозволите уместо вар?

918
00:45:10,450 --> 00:45:13,220
Ово је ствар која се зове
ЕС6 или за ЕЦМАСцрипт 6.

919
00:45:13,220 --> 00:45:15,820
То је нова верзија ЈаваСцрипт.

920
00:45:15,820 --> 00:45:19,050
Постоји гомила техничких разлога,
али нека је боља верзија вар.

921
00:45:19,050 --> 00:45:20,724
>> То је како се прогласи променљиве.

922
00:45:20,724 --> 00:45:21,390
Можете користити пустити.

923
00:45:21,390 --> 00:45:22,140
Можете користити вар.

924
00:45:22,140 --> 00:45:23,825
Нека има гомилу техничких
реасонс-- можете их погледаш

925
00:45:23,825 --> 00:45:25,610
до латер-- зашто је боље.

926
00:45:25,610 --> 00:45:28,780
У суштини, ЕС6 има неке фина
Нова синтакса, неке нове функције

927
00:45:28,780 --> 00:45:30,720
на врху старог ЈаваСцрипт.

928
00:45:30,720 --> 00:45:32,782
>> Дакле, имамо као пет минута.

929
00:45:32,782 --> 00:45:34,990
Само сам хтео да причам о
Још једна ствар веома брзо.

930
00:45:34,990 --> 00:45:36,450
Ако сте имали било каквих питања,
хајде да причамо о томе после овога.

931
00:45:36,450 --> 00:45:38,366
Али само да ово постане
ухваћен на камери, само

932
00:45:38,366 --> 00:45:41,550
желим да причам мало о томе како си
заправо користе реагује на ваше апликације.

933
00:45:41,550 --> 00:45:47,220

934
00:45:47,220 --> 00:45:58,640
>> Ако одеш овде,
Фацебоок.ГитХуб.ИО/реацт,

935
00:45:58,640 --> 00:46:03,320
Ово је почетна страница за Реацт, и
то ће вам показати како се заиста користити

936
00:46:03,320 --> 00:46:05,320
Реаговати у вашим страницама.

937
00:46:05,320 --> 00:46:08,845
У основи, то је мало
компликовано покушавате да инсталирате Реацт.

938
00:46:08,845 --> 00:46:12,300
То није тако лако као што једноставно повуците
и отпустите ЈаваСцрипт тамо.

939
00:46:12,300 --> 00:46:15,890
>> Морате да имате свој трансформатор
подесите, који ће, као и раније,

940
00:46:15,890 --> 00:46:18,120
укључите јск у
нормално ЈаваСцрипт-а.

941
00:46:18,120 --> 00:46:21,030
Морате да ствар која ће
саставити сте ЕС6 у нормалу.

942
00:46:21,030 --> 00:46:24,720
Јавасцрипт има пуно кретања
делови што треба да урадите, тако да је ствар

943
00:46:24,720 --> 00:46:27,200
зове Иеоман, Иеоман.ио.

944
00:46:27,200 --> 00:46:31,110
И то је командна линија алат који ћу
помоћи да скеле своју Реацт

945
00:46:31,110 --> 00:46:32,380
Пројекти лако.

946
00:46:32,380 --> 00:46:38,660
>> Дакле, можете прочитати о томе
касније, али постоје неки алат

947
00:46:38,660 --> 00:46:40,160
да Иеоман нуди.

948
00:46:40,160 --> 00:46:43,280
Они ће дозволити да креирате Реацт
апликација са свиме изграђен.

949
00:46:43,280 --> 00:46:46,030
Као да ће саградили
у, компоненте уграђене.

950
00:46:46,030 --> 00:46:47,880
То ће имати ваш трафо изграђен.

951
00:46:47,880 --> 00:46:50,699
Они имају много кул
ствари изграђен аутоматски

952
00:46:50,699 --> 00:46:52,240
Коришћењем ових ствари које се зову генератори.

953
00:46:52,240 --> 00:46:54,620
>> Дакле, прочитајте о томе, ако желите.

954
00:46:54,620 --> 00:46:59,110
Само иди ИЕОМАН, И-Е-О-м-А-Н, и
можете наћи генераторе попут ових.

955
00:46:59,110 --> 00:47:01,263
И са произвођачима као што су
ово, само бих једну

956
00:47:01,263 --> 00:47:03,010
је неколико командна линија команде.

957
00:47:03,010 --> 00:47:05,530
То ће скеле од
Цео Реацт апликацију за вас.

958
00:47:05,530 --> 00:47:10,470
То ће добити све ручно цевовода,
и прљав посао уради за вас,

959
00:47:10,470 --> 00:47:13,010
и то је разлог зашто се фокусирамо
на само писање у Реацт.

960
00:47:13,010 --> 00:47:16,739
>> Дакле, у основи изградњи
Реацт апликација је нетривијална.

961
00:47:16,739 --> 00:47:19,530
То је виред сви заједно, али постоје
су алатке које ће то учинити за вас.

962
00:47:19,530 --> 00:47:23,070
Дакле, ако желите да направите Реацт
апликација, пробајте ради на тај начин.

963
00:47:23,070 --> 00:47:26,360
Ако само желите да експериментишу,
можете покушати да користите ову ЦодеПен

964
00:47:26,360 --> 00:47:28,550
јер ово је ЦодеПен
све реагују каблове.

965
00:47:28,550 --> 00:47:30,240
Урадио сам сав посао за вас већ.

966
00:47:30,240 --> 00:47:34,610
>> Дакле, ако желите да се Лике А
производња да се ослободи Реацт апликацију,

967
00:47:34,610 --> 00:47:37,220
пробајте једну од ових генератора.

968
00:47:37,220 --> 00:47:40,240
Ако само желите да играте
око, често вреди само

969
00:47:40,240 --> 00:47:44,490
Као покушати играјући се на ЦодеПен овде.

970
00:47:44,490 --> 00:47:45,470
Zvuči dobro?

971
00:47:45,470 --> 00:47:45,970
Кул.

972
00:47:45,970 --> 00:47:47,890
>> Дакле, то је све што имам.

973
00:47:47,890 --> 00:47:52,470
Опет, сва шифра и примери су
ће бити на овом сајту овде.

974
00:47:52,470 --> 00:47:55,509
Дакле, опет, нисмо причали
о много синтакса Реацт,

975
00:47:55,509 --> 00:47:57,550
али да пронађе све оне
мали синтаксичких детаље,

976
00:47:57,550 --> 00:48:00,320
све је ће бити доступна
на овом сајту овде.

977
00:48:00,320 --> 00:48:02,660
>> Тако бих препоручио као ја
предузме први корак.

978
00:48:02,660 --> 00:48:06,277
Ставите га у свој ЦодеПен.

979
00:48:06,277 --> 00:48:08,110
Пробајте ради на изради
га на други корак.

980
00:48:08,110 --> 00:48:11,310
Постоји и четврти корак, и само
види одакле ти од тога.

981
00:48:11,310 --> 00:48:14,840
>> Има ли још питања, проверите
од те странице или емаил ме.

982
00:48:14,840 --> 00:48:16,490
То је мој е-маил.

983
00:48:16,490 --> 00:48:19,885
Али волео бих да ти помогнем са било
питања која можда имате о Реацт.

984
00:48:19,885 --> 00:48:21,010
Дакле, да, то је све што имам.

985
00:48:21,010 --> 00:48:23,410
Хвала вам свима пуно на
гледања или за присуствовање.

986
00:48:23,410 --> 00:48:26,820
А ја ћу узети било каквих питања
можда ћете морати након овога сада.

987
00:48:26,820 --> 00:48:29,140
Дакле, хвала вам свима за гледање.

988
00:48:29,140 --> 00:48:31,270