1 00:00:00,000 --> 00:00:02,910 >> [Ag seinm ceoil] 2 00:00:02,910 --> 00:00:04,850 3 00:00:04,850 --> 00:00:07,275 >> NEEL MEHTA: Anseo Téann sé. 4 00:00:07,275 --> 00:00:11,070 >> Bhuel, gach duine, fáilte roimh gréasáin apps den todhchaí le React. 5 00:00:11,070 --> 00:00:11,870 Is é seo an CS50. 6 00:00:11,870 --> 00:00:12,930 Is é mo ainm Neel. 7 00:00:12,930 --> 00:00:17,689 Tá mé ina TA haghaidh CS50 agus sophomore i gColáiste Harvard agus an-, an- 8 00:00:17,689 --> 00:00:18,730 forbróir gréasáin paiseanta. 9 00:00:18,730 --> 00:00:20,730 Mar sin, tá mé an-spreagúil go a bheith ag caint le tú inniu, 10 00:00:20,730 --> 00:00:24,550 cibé an bhfuil tú anseo nó sa bhaile ag breathnú, thart Freagairt, a bhfuil, arís 11 00:00:24,550 --> 00:00:27,270 mar a dúirt mé, an todhchaí na apps gréasáin. 12 00:00:27,270 --> 00:00:29,055 >> Mar sin, tá React creatlach gréasáin. 13 00:00:29,055 --> 00:00:30,930 Agus mar bhí mé ag insint le roinnt daoine anseo, 14 00:00:30,930 --> 00:00:33,400 Is creat ach leagtar na n-uirlisí is féidir leat úsáid 15 00:00:33,400 --> 00:00:35,770 chun struchtúr agus a thógáil do app gréasáin. 16 00:00:35,770 --> 00:00:39,010 Agus tá apps gréasáin, arís, láithreáin ghréasáin atá idirghníomhach cosúil le Facebook, 17 00:00:39,010 --> 00:00:42,330 Twitter.com, Instagram.com, is cuma cad. 18 00:00:42,330 --> 00:00:45,590 >> Dá bhrí sin tá Facebook creat gréasáin go fhorbair Facebook 19 00:00:45,590 --> 00:00:48,060 cúpla bliain back-- React é. 20 00:00:48,060 --> 00:00:50,830 Baineann sé le bheith in úsáid ó shin i Facebook ar a n-apps soghluaiste 21 00:00:50,830 --> 00:00:52,460 agus an app gréasáin, Instagram. 22 00:00:52,460 --> 00:00:56,350 Is khan Academy eile uchtaitheoir go luath suntasaí de React. 23 00:00:56,350 --> 00:00:58,630 >> Baineann sé le bheith i ndáiríre ag fáil an-tóir. 24 00:00:58,630 --> 00:01:03,420 Má tá tú úsáid riamh rudaí cosúil uilleach nó Cnámh droma, is é seo den teaghlach céanna, 25 00:01:03,420 --> 00:01:05,830 ach tá sé i bhfad ó shin outstrip n-tóir. 26 00:01:05,830 --> 00:01:06,890 Tá sé an rud nua te. 27 00:01:06,890 --> 00:01:09,590 Tá sé i ndáiríre, i ndáiríre ollmhór. 28 00:01:09,590 --> 00:01:13,470 >> Agus mar sin React is maith ní hamháin mar creat gréasáin le haghaidh comhéadan tógála. 29 00:01:13,470 --> 00:01:16,020 Tá sé go maith le haghaidh tógála comhéadain gréasáin. 30 00:01:16,020 --> 00:01:18,350 Tá an rud ann freisin ar a dtugtar React Dúchasach a 31 00:01:18,350 --> 00:01:22,200 ligeann tú a thógáil comhéadain do Android agus iOS 32 00:01:22,200 --> 00:01:26,390 agus ardáin b'fhéidir eile sa todhchaí ag baint úsáide as ach an cód JavaScript céanna. 33 00:01:26,390 --> 00:01:31,130 D'fhéadfá a úsáid mar an gcéanna cruinn JavaScript cód le láithreáin ghréasáin a sholáthar, 34 00:01:31,130 --> 00:01:33,040 i gcóir chun apps Android agus iOS apps. 35 00:01:33,040 --> 00:01:35,000 >> Tá sé ina am an-, an-spreagúil. 36 00:01:35,000 --> 00:01:37,070 Tá sé ina deis i ndáiríre, really cool. 37 00:01:37,070 --> 00:01:42,020 Tá sé i ndáiríre ar an ngréasán uilíoch uirlis forbartha comhéadan, 38 00:01:42,020 --> 00:01:44,420 mar sin tá sé an-, an- rud is tábhachtaí a fhios. 39 00:01:44,420 --> 00:01:46,949 Agus, mar a bhí mé ag rá le daoine roimh, seo, dar liom, 40 00:01:46,949 --> 00:01:48,990 bhfuil dul chun athrú conas a a thógáil apps gréasáin deo. 41 00:01:48,990 --> 00:01:55,820 Mar sin tá sé b'fhéidir hyperbole beagán, ach tá mé I mo thuairimse, tá sé ina rud maith go leor go mbeadh a fhios. 42 00:01:55,820 --> 00:01:57,580 >> OK, mar sin cad é React? 43 00:01:57,580 --> 00:02:01,020 Imoibríonn Is creatlach is féidir leat úsáid le haghaidh comhéadan tógála. 44 00:02:01,020 --> 00:02:03,240 Tá comhéadan, arís, leathanach gréasáin, ceart? 45 00:02:03,240 --> 00:02:06,340 Mar sin, tá anseo Instagram.com, React úsáidí. 46 00:02:06,340 --> 00:02:08,740 >> Freagairt tógtha ar an smaoineamh chomhpháirteanna. 47 00:02:08,740 --> 00:02:11,900 Is comhpháirt a HTML eilimint ar stéaróidigh, 48 00:02:11,900 --> 00:02:14,470 mar sin tá gné HTML cosúil le cnaipe. 49 00:02:14,470 --> 00:02:15,250 Tá sé ina mhír. 50 00:02:15,250 --> 00:02:17,500 Tá sé ina header, ceart? 51 00:02:17,500 --> 00:02:22,740 Agus beidh Instagram úsáid as na, ach tá sé Beidh úsáid a bhaint freisin comhpháirteanna React. 52 00:02:22,740 --> 00:02:25,740 >> Freagairt comhpháirteanna souped-suas eilimintí HTML 53 00:02:25,740 --> 00:02:28,100 go bhfuil a n-iompar féin atá laistigh díobh. 54 00:02:28,100 --> 00:02:31,800 Mar sin, mar shampla, d'fhéadfadh linn a bheith eilimint ama, comhpháirt am, 55 00:02:31,800 --> 00:02:34,095 a bheidh iontu cosúil le an stampa ama, tá a fhios agat, 56 00:02:34,095 --> 00:02:37,170 comhpháirt próifíl a Beidh go bhfuil an íomhá phróifíl 57 00:02:37,170 --> 00:02:38,820 agus ainm an duine. 58 00:02:38,820 --> 00:02:42,930 Is féidir é a bheith cuntar mhaith, a féidir brath cosúil leis an líon na n-maith, 59 00:02:42,930 --> 00:02:45,610 agus má tá tú cliceáil ar sé, beidh sé méadú ar líon na maith. 60 00:02:45,610 --> 00:02:48,200 Is comhpháirt ach bunch cód HTML go 61 00:02:48,200 --> 00:02:50,520 Tá roinnt feidhmiúlacht fillte taobh istigh de sé. 62 00:02:50,520 --> 00:02:53,770 Mar sin, tá sé cosúil le gné HTML ar stéaróidigh, mar a dúirt mé cheana. 63 00:02:53,770 --> 00:02:56,270 Is féidir leat a chur ar na comhpháirteanna, agus is féidir leat iad a chur le chéile 64 00:02:56,270 --> 00:02:59,060 a dhéanamh comhpháirteanna nua, i chás seo, comhpháirt post, 65 00:02:59,060 --> 00:03:00,505 ina bhfuil gach stuif seo. 66 00:03:00,505 --> 00:03:04,050 Bheadh ​​sé go bhfuil am, Próifíl, LikeCounter, b'fhéidir an trácht 67 00:03:04,050 --> 00:03:06,100 agus b'fhéidir an íomhá féin. 68 00:03:06,100 --> 00:03:10,810 Agus go bhfuil siad mar sin apps gréasáin tógtha díreach ag cur comhpháirteanna agus iad a chur le chéile. 69 00:03:10,810 --> 00:03:15,620 Is fotha Instagram rud ar bith níos mó ná a bunch de phoist amháin i ndiaidh a chéile, 70 00:03:15,620 --> 00:03:19,032 Tá gach post ar nós an Am, Próifíl, LikeCounter, agus mar sin de. 71 00:03:19,032 --> 00:03:20,490 Tá sé cineál cosúil tógáil tí. 72 00:03:20,490 --> 00:03:22,660 Ní gá duit a thógáil ar an teach ó bharr anuas. 73 00:03:22,660 --> 00:03:24,960 Ghlacann tú components-- tú ghlacadh cosúil leis an seomra folctha. 74 00:03:24,960 --> 00:03:28,320 Ghlacann tú an bedroom-- bata tú iad le chéile, agus tá tú ar chomhpháirt nua. 75 00:03:28,320 --> 00:03:29,760 Tá tú mar chuid nua den teach. 76 00:03:29,760 --> 00:03:32,860 >> Mar sin, imoibríonn tógtha go léir ar fud an smaoineamh seo na comhpháirteanna sin 77 00:03:32,860 --> 00:03:36,600 Tá idirghníomhach, atá declarative. 78 00:03:36,600 --> 00:03:39,650 Cosúil deir tú díreach cad a Tá próifíl, agus Rindreáil sé é. 79 00:03:39,650 --> 00:03:40,600 Tá siad composable. 80 00:03:40,600 --> 00:03:43,880 Is féidir leat a chur ar an am agus a bhfuil próifíl, a chur iad le chéile, a dhéanamh rud éigin níos fearr. 81 00:03:43,880 --> 00:03:47,770 Agus tá siad ath-inúsáidte, mar sin má tá tú tá an cód foinse do phost, 82 00:03:47,770 --> 00:03:49,440 d'fhéadfaí tú a leabú go áit ar bith. 83 00:03:49,440 --> 00:03:53,160 >> Is féidir leat a leabú ar Instagram rud ar do láithreán gréasáin féin. 84 00:03:53,160 --> 00:03:56,830 Is féidir leat a leabú i Facebook, mar shampla, chomh fada agus a úsáideann sé Freagairt chomh maith. 85 00:03:56,830 --> 00:04:00,360 Mar sin, tá comhpháirteanna i ndáiríre, i ndáiríre, i ndáiríre bloic thógála cumhachtach an ngréasán 86 00:04:00,360 --> 00:04:04,180 gur féidir a úsáid in áit ar bith agus a chur le chéile chun bloic thógála nua. 87 00:04:04,180 --> 00:04:07,159 Sin an an-, an- forbhreathnú ard leibhéal. 88 00:04:07,159 --> 00:04:09,200 Mar sin, arís, má tá tú aon cheist ag aon phointe 89 00:04:09,200 --> 00:04:14,470 mar gheall ar an fhealsúnacht imoibreoir, an códaithe, a stop a chur orm, agus lig a fhios agam. 90 00:04:14,470 --> 00:04:18,420 >> OK, mar sin tá freagairt fionnuar mar gheall ar é Tá ar bhealach difriúil de lorg 91 00:04:18,420 --> 00:04:19,870 ar conas a thógáil leat apps gréasáin. 92 00:04:19,870 --> 00:04:23,620 Tá tú éisteacht dócha de MVC, ar samhail a rialú tú i CS50 nó cibé 93 00:04:23,620 --> 00:04:25,940 eile ranganna probing a úsáideann tú. 94 00:04:25,940 --> 00:04:29,000 Agus tá an chuid is mó creataí tógtha thart ar an smaoineamh MVC. 95 00:04:29,000 --> 00:04:30,410 Níl freagairt. 96 00:04:30,410 --> 00:04:32,980 Imoibríonn tógtha thart ar an smaoineamh de shreabhadh sonraí Aontreoch 97 00:04:32,980 --> 00:04:36,510 mar atá le feiceáil ag an chairt nó grafach anseo. 98 00:04:36,510 --> 00:04:38,260 >> Go bunúsach, tá tú foinse sonraí. 99 00:04:38,260 --> 00:04:42,380 Agus beidh an fhoinse sonraí a chinneadh conas a leagan amach comhpháirteanna áirithe. 100 00:04:42,380 --> 00:04:45,452 Agus beidh na comhpháirteanna ansin, nuair a athraíonn siad, 101 00:04:45,452 --> 00:04:47,160 beidh siad ag rá leis an foinse na sonraí a athrú. 102 00:04:47,160 --> 00:04:49,350 >> Chun úsáid a bhaint an Instagram Mar shampla, a bheadh ​​agat 103 00:04:49,350 --> 00:04:52,050 liosta de na rudaí cosúil le post i mbunachar sonraí nó rud éigin. 104 00:04:52,050 --> 00:04:53,310 Go bhfuil na sonraí. 105 00:04:53,310 --> 00:04:57,600 Agus ansin ár n iar a chur go bhfuil na sonraí, 106 00:04:57,600 --> 00:05:01,830 agus sonraí sin a úsáid i gcóir chun rud ar an scáileán. 107 00:05:01,830 --> 00:05:04,300 Go bhfuil an méid an tsaighead ó shonraí go bhfuil a chomhdhéanann í, 108 00:05:04,300 --> 00:05:07,930 agus ansin na sonraí sin céanna a úsáidtear i gcóir chun a bunch de chomhpháirteanna. 109 00:05:07,930 --> 00:05:10,290 >> I Facebook Messenger, le haghaidh Mar shampla, a bhfuil React, 110 00:05:10,290 --> 00:05:13,410 a bheadh ​​agat le liosta de teachtaireachtaí mar do fhoinse sonraí. 111 00:05:13,410 --> 00:05:15,927 Agus d'fhágfadh nach ach an liosta de na teachtaireachtaí 112 00:05:15,927 --> 00:05:17,510 ach chomh maith leis an liosta de na cairde a bhfuil tú. 113 00:05:17,510 --> 00:05:19,200 Tá tú an líon neamhléite. 114 00:05:19,200 --> 00:05:23,330 B'fhéidir sholáthar freisin ar an rud Facebook sin ag bun Facebook.com. 115 00:05:23,330 --> 00:05:25,610 Tá na sonraí céanna a fhoinse amháin na fírinne 116 00:05:25,610 --> 00:05:28,290 agus go n-eascraíonn a lán de na comhpháirteanna a bheidh le déanamh. 117 00:05:28,290 --> 00:05:30,290 Agus aon uair a ar cheann de na comhpháirteanna atá athrú, 118 00:05:30,290 --> 00:05:32,320 Téann sé ar ais agus athraíonn an fhoinse sonraí. 119 00:05:32,320 --> 00:05:33,460 >> Sheolann tú teachtaireacht, ceart? 120 00:05:33,460 --> 00:05:34,780 Go bhfuil athruithe ar an fhoinse sonraí. 121 00:05:34,780 --> 00:05:39,490 Léann tú do theachtaireachtaí, mar sin leagtha tú gan léamh go 0. 122 00:05:39,490 --> 00:05:41,136 Go bhfuil athruithe ar an fhoinse sonraí. 123 00:05:41,136 --> 00:05:44,010 Agus faoi deara go gach ceann de na amháin arrow ag dul ar ais go dtí na sonraí céanna 124 00:05:44,010 --> 00:05:47,662 foinse, sin a fhios agat, Tugtar sraith sonraí áirithe, 125 00:05:47,662 --> 00:05:49,870 tá a fhios agat go díreach cad é an Tá an leathanach dul chun breathnú cosúil. 126 00:05:49,870 --> 00:05:50,700 Tá sé deterministic. 127 00:05:50,700 --> 00:05:53,451 Tá a fhios agat, sonraí áirithe a thugtar, cad Is é an leathanach dul chun breathnú cosúil. 128 00:05:53,451 --> 00:05:56,158 Is féidir leat a thuar conas atá sé ag dul go dtí féin a iompar agus an chaoi a bhfuil rudaí ag dul 129 00:05:56,158 --> 00:05:57,650 a bheith ag obair nuair a bhíonn siad a chur le chéile. 130 00:05:57,650 --> 00:06:00,410 >> Agus má bhí mé milliún comhpháirteanna anseo, go mbeadh sé féin a iompar mar an gcéanna, ceart? 131 00:06:00,410 --> 00:06:02,290 Ní bheadh ​​ort aon idirnaisc aisteach. 132 00:06:02,290 --> 00:06:04,120 Sonraí amháin a rinneadh milliún comhpháirteanna. 133 00:06:04,120 --> 00:06:06,879 A milliún comhpháirteanna d'fhéadfadh dul ar ais agus na sonraí a chur in eagar. 134 00:06:06,879 --> 00:06:07,920 Agus mar sin is é seo an-deas. 135 00:06:07,920 --> 00:06:10,870 Táimid ag tógáil composable, go héasca apps gréasáin Inscálaithe. 136 00:06:10,870 --> 00:06:13,150 >> Tá tú foinse sonraí amháin, an fhoinse na fírinne. 137 00:06:13,150 --> 00:06:15,790 Sin insíonn do chomhpháirteanna conas a leagan amach ar an leathanach, 138 00:06:15,790 --> 00:06:18,190 agus beidh na comhpháirteanna láimhseáil idirghníomhaíocht. 139 00:06:18,190 --> 00:06:20,150 Agus más mian leo a athrú rudaí, ach dul ar ais 140 00:06:20,150 --> 00:06:21,750 agus a rá leis an fhoinse sonraí a athrú. 141 00:06:21,750 --> 00:06:22,850 Ciall? 142 00:06:22,850 --> 00:06:26,010 Dá bhrí sin tá Freagairt ar fad faoi tuiscint conas a thógáil comhpháirt 143 00:06:26,010 --> 00:06:29,540 agus conas a dhéanamh do chomhpháirt idirghníomhú leis an domhan lasmuigh. 144 00:06:29,540 --> 00:06:31,850 >> Dhéanamh ar an idirghníomhú a chomhdhéanann í leis an domhan lasmuigh 145 00:06:31,850 --> 00:06:34,490 Úsáideann an teicneolaíocht eile ar a dtugtar Flux, a 146 00:06:34,490 --> 00:06:36,872 Is creatlach go bhfuil chuirtear ar bharr React. 147 00:06:36,872 --> 00:06:38,330 Níl muid ag dul chun labhairt faoi sin. 148 00:06:38,330 --> 00:06:42,990 Táimid ag dul chun labhairt níos mó faoi, mar gheall ar sonraí, conas is féidir leat a sholáthar comhpháirt? 149 00:06:42,990 --> 00:06:47,010 >> Agus Freagairt mar sin tá really cool mar atá tú Is féidir é a úsáid le haon deireadh ar ais is mian leat. 150 00:06:47,010 --> 00:06:50,480 Má tá tú cosúil le deireadh ar ais Python, más féidir do Python spit amach cuid de na sonraí, 151 00:06:50,480 --> 00:06:51,610 Imoibríonn féidir fhágann go bhfuil sé. 152 00:06:51,610 --> 00:06:54,700 Má tá tú aon aschuir JS sonraí, Freagairt Rindreáil sé. 153 00:06:54,700 --> 00:06:56,890 Ruby ráillí suas le sonraí, React Rindreáil sé. 154 00:06:56,890 --> 00:07:01,860 >> Mar sin, tá Freagairt bunúsach ar an ngréasán view-- a ceann tosaigh le comhpháirteanna 155 00:07:01,860 --> 00:07:03,910 le haghaidh aon fhoinse sonraí ar bith. 156 00:07:03,910 --> 00:07:07,145 Agus ag dul mar sin ó foinse na sonraí a comhpháirteanna imoibríonn Is éasca go leor. 157 00:07:07,145 --> 00:07:08,770 Ag dul an bealach eile é beagán níos deacra. 158 00:07:08,770 --> 00:07:10,462 Go n-úsáideann Flux mar a luaigh mé roimhe seo. 159 00:07:10,462 --> 00:07:11,420 Ní bheidh muid a fháil isteach go. 160 00:07:11,420 --> 00:07:13,740 Beidh muid ag díriú níos mó ar an sonraí-go-chomhpháirt taobh. 161 00:07:13,740 --> 00:07:15,880 Sa chaoi seo is féidir leat a dhéanamh fionnuar, apps gréasáin spraoi. 162 00:07:15,880 --> 00:07:19,870 Ní bheidh sé difear an domhan lasmuigh do anois, ach sin scéal eile. 163 00:07:19,870 --> 00:07:22,210 >> OK, mar sin má bhí tú anseo do mo seimineár seo caite 164 00:07:22,210 --> 00:07:26,610 beidh a fhios agat go bhfuil gach ceann de na cód le haghaidh Tá an lae inniu labhairt ag dul a bheith ag an URL 165 00:07:26,610 --> 00:07:29,320 anseo, tá brón orainn, an URL anseo. 166 00:07:29,320 --> 00:07:32,730 Agus go bunúsach táimid ag dul chun dul trí cheithre céimeanna, b'fhéidir cúig, 167 00:07:32,730 --> 00:07:33,510 is dócha nach bhfuil cúig. 168 00:07:33,510 --> 00:07:37,300 Beidh muid ag bogadh trí cheithre céimeanna a thógáil ar shampla React app. 169 00:07:37,300 --> 00:07:39,550 Agus mar sin go léir an cód foinse le haghaidh gach céim ar an mbealach 170 00:07:39,550 --> 00:07:42,216 ag dul a bheith ar dheis anseo, mar sin má bhfuil tú ag a leanas chomh maith sa bhaile, 171 00:07:42,216 --> 00:07:43,991 glaoch chun peruse cód seo. 172 00:07:43,991 --> 00:07:46,740 Má tá tú ag a leanas chomh maith anseo, beidh orainn a bheith ag taispeáint ar an scáileán, 173 00:07:46,740 --> 00:07:47,739 ní amhlaidh a dhéanamh imní ort faoi. 174 00:07:47,739 --> 00:07:50,930 Ach má tá tú sa bhaile, is dóigh saor chun cuairt a suíomh gréasáin seo. 175 00:07:50,930 --> 00:07:56,400 Agus, Yeah, ba cheart go mbeifeá in ann a fháil go léir an cód gur mhaith ort riamh anseo. 176 00:07:56,400 --> 00:08:01,380 Mar sin, tá sé ina bhileog cheat maith chomh maith do do chuid eachtraí sa todhchaí le React. 177 00:08:01,380 --> 00:08:04,490 Cool, mar sin má gach duine a anseo, agus fiú má tá tú sa bhaile, 178 00:08:04,490 --> 00:08:11,580 tarraingt suas ar an láithreán gréasáin, is.gd/cs50react, aon caipitil, gan aon fostríoc, gan aon rud ar bith. 179 00:08:11,580 --> 00:08:15,849 >> Feicfidh tú a fheiceáil an leathanach go Breathnaíonn le beagán mar seo. 180 00:08:15,849 --> 00:08:17,140 Is é seo an rud ar a dtugtar CodePen. 181 00:08:17,140 --> 00:08:20,030 Is CodePen comhoibríoch timpeallacht códaithe 182 00:08:20,030 --> 00:08:23,364 leis ar féidir liom scríobh cód anseo, agus beidh sé a sheoladh go huathoibríoch a thabhairt duit. 183 00:08:23,364 --> 00:08:24,780 Agus a an mbealach seo, is féidir liom scríobh cód. 184 00:08:24,780 --> 00:08:26,920 Is féidir liom a reáchtáil cód anseo. 185 00:08:26,920 --> 00:08:33,470 >> Le haghaidh example-- agus má reloads-- é a fheiceáil, Tá mé ag rith JavaScript cód ar an leathanach 186 00:08:33,470 --> 00:08:36,390 ar dheis anseo, agus beidh sé rindreáil huathoibríoch ar an leathanach gréasáin 187 00:08:36,390 --> 00:08:37,980 leis an cód JavaScript. 188 00:08:37,980 --> 00:08:40,039 Agus mar sin tá sé seo ar bhealach dúinn chun triail a bhaint as cód 189 00:08:40,039 --> 00:08:43,089 i ndáiríre tapaidh gan a bheith a úsáid ár ID nó a úsáid ár n-inneall áitiúil 190 00:08:43,089 --> 00:08:44,290 nó cibé. 191 00:08:44,290 --> 00:08:47,670 Tá sé ar bhealach an-tapa chun tú a mockup agus a thástáil amach cineálacha éagsúla de chód. 192 00:08:47,670 --> 00:08:50,560 >> Mar sin, tá mé ag dul a bheith ag cur Mar shampla cód, é a chur anseo. 193 00:08:50,560 --> 00:08:52,374 Táimid ag dul a bheith ag obair tríd. 194 00:08:52,374 --> 00:08:54,540 Agus má tá tú sa bhaile, tú Is féidir le tarraingt suas seo chomh maith. 195 00:08:54,540 --> 00:08:57,530 Agus tá mé suiteáilte cheana Freagairt anseo, mar sin is féidir leat ach 196 00:08:57,530 --> 00:09:00,770 scríobh do cód féin anseo, agus triail a bhaint mar do chlós súgartha féin. 197 00:09:00,770 --> 00:09:04,940 >> Yeah, más rud é gach duine a oscailt suas ar an nasc seo anseo. 198 00:09:04,940 --> 00:09:08,080 Tabhair dom thumbs suas nuair a bhíonn tú ar oscailt é. 199 00:09:08,080 --> 00:09:10,960 200 00:09:10,960 --> 00:09:13,770 Cool, fionnuar cool. 201 00:09:13,770 --> 00:09:16,914 Níl rud ar bith anseo le haghaidh anois, ach Beidh muid ag athrú go han-luath. 202 00:09:16,914 --> 00:09:21,250 >> OK, mar sin Freagairt Is JavaScript leabharlann, agus mar sin, 203 00:09:21,250 --> 00:09:24,480 Éilíonn eolas ar JavaScript, a bhfuil an teanga cláir gréasáin. 204 00:09:24,480 --> 00:09:27,660 Agus tá sé á úsáid le haghaidh rudaí eile anois freisin ach go príomha ar an ngréasán a fhorbairt 205 00:09:27,660 --> 00:09:32,040 teanga, mar sin má tá tú cur amach acu sin, a léamh ar shuíomh ar a dtugtar JSforCats.com. 206 00:09:32,040 --> 00:09:32,700 Tá sé iontach. 207 00:09:32,700 --> 00:09:34,240 Is féidir leat foghlaim JavaScript i leath uair an chloig. 208 00:09:34,240 --> 00:09:34,990 Tá sé dochreidte. 209 00:09:34,990 --> 00:09:36,420 >> Mar sin a thabhairt dó a léamh. 210 00:09:36,420 --> 00:09:39,960 Tá muid chomh maith go leor de HTML anseo mar gheall táimid ag dearadh leathanaigh gréasáin ar ndóigh. 211 00:09:39,960 --> 00:09:43,890 Mar sin, má tá tú cur amach acu HTML, seiceáil amach HTMLdog.com. 212 00:09:43,890 --> 00:09:46,520 I mo thuairimse, ag foghlaim React is milliún uair níos éasca má tú cheana féin 213 00:09:46,520 --> 00:09:47,892 fhios ag na bloic thógála. 214 00:09:47,892 --> 00:09:50,600 Má tá tú ar an comhpháirteanna, tá sé éasca a dhéanamh comhpháirt níos mó. 215 00:09:50,600 --> 00:09:51,860 Sin React teanga le haghaidh duit. 216 00:09:51,860 --> 00:09:54,270 >> Mar sin, dul ar aghaidh agus a thabhairt na rudaí seo a léamh. 217 00:09:54,270 --> 00:09:55,070 Sos físeán seo. 218 00:09:55,070 --> 00:09:57,440 Thabhairt dó léamh má tá tú sa bhaile mura bhfuil tú 219 00:09:57,440 --> 00:10:00,794 eolas maidir leis HTML nó JavaScript 220 00:10:00,794 --> 00:10:02,960 OK, mar sin cad tá muid ag dul a dhéanamh ná táimid ag dul a dhéanamh 221 00:10:02,960 --> 00:10:06,470 app spléach-chárta an-bhunúsach ag baint úsáide as React. 222 00:10:06,470 --> 00:10:08,210 Táimid ag dul a bheith acu spléach-chárta. 223 00:10:08,210 --> 00:10:09,880 Is féidir leat smeach an cárta ar ais agus amach. 224 00:10:09,880 --> 00:10:12,399 Agus beidh orainn liosta de freisin na cártaí go bhfuil muid, 225 00:10:12,399 --> 00:10:14,190 agus má tá muid ag mothú uaillmhianach, d'fhéadfadh muid a bheith 226 00:10:14,190 --> 00:10:17,060 in ann a aistriú idir carranna trí chliceáil ar iad. 227 00:10:17,060 --> 00:10:20,360 >> Ach tá sé seo, de do lom cnámha,-simplí React app. 228 00:10:20,360 --> 00:10:22,560 Agus mar sin tá sé seo i ndáiríre Ní fánach a chur i bhfeidhm, 229 00:10:22,560 --> 00:10:26,030 ach táimid ag dul chun a thaispeáint go bhfuil, má dhéanann tú seo, tá sé an-, an-éasca a fhadú 230 00:10:26,030 --> 00:10:27,680 má tá daoine eile cabhrú leat leis. 231 00:10:27,680 --> 00:10:33,750 Mar sin, táimid ag dul chun dul trí cheithre céimeanna ag tosú ó scratch a thógáil seo. 232 00:10:33,750 --> 00:10:36,740 >> OK, mar sin an ceithre chéim, beidh muid a tús a chur amach leis an chéad chéim. 233 00:10:36,740 --> 00:10:39,790 Is é an chéad chéim ag dul a bheith thógáil do chéad chomhpháirt. 234 00:10:39,790 --> 00:10:44,830 Mar a dúirt mé cheana, comhpháirt React i ach gné HTML ar stéaróidigh. 235 00:10:44,830 --> 00:10:49,660 Sonraíonn sé an HTML agus roinnt iompar, agus é a 236 00:10:49,660 --> 00:10:52,600 Beidh sonrófar conas daoine Is féidir idirghníomhú leis an gcaoi 237 00:10:52,600 --> 00:10:54,270 bheadh ​​sé stáit inmheánach. 238 00:10:54,270 --> 00:10:57,630 Cosúil le go mbeidh an cnaipe fhios nós cé mhéad amanna tá sé curtha chliceáil shampla, 239 00:10:57,630 --> 00:11:01,010 agus beidh a fhios sé conas a leagan féin amach. 240 00:11:01,010 --> 00:11:04,430 >> Mar sin, a ligean ar dul ar aghaidh agus a thógáil ar ár chéad chomhpháirt ag baint úsáide as JavaScript. 241 00:11:04,430 --> 00:11:09,711 Mar sin, má tá an error aisteach, go toisc go bhfuil sé de chineál ar. 242 00:11:09,711 --> 00:11:11,710 Mar sin, arís, táimid ag dul a dhéanamh ar a dtugtar athróg 243 00:11:11,710 --> 00:11:14,580 feidhmchlár ag baint úsáide as an eochairfhocal a ligean, a dhéanann athróg, 244 00:11:14,580 --> 00:11:18,210 a ligean App comhionann React.createClass. 245 00:11:18,210 --> 00:11:22,609 >> Is imoibríonn leabharlann agus tá an chruthú fheidhm ranga. 246 00:11:22,609 --> 00:11:24,400 Agus is é an fheidhm seo le beagán de chód bhfuil tú 247 00:11:24,400 --> 00:11:29,090 Is féidir úsáid a bhaint as a chruthú nua cineál React a chomhdhéanann í. 248 00:11:29,090 --> 00:11:32,780 Agus mar sin React.createClass Déanann comhpháirt, 249 00:11:32,780 --> 00:11:35,270 agus beidh an chomhpháirt a bheith in ann rudaí a dhéanamh. 250 00:11:35,270 --> 00:11:40,460 Is é an rud is mó is féidir é a dhéanamh a sholáthar rud éigin, rindreáil mar fheidhm. 251 00:11:40,460 --> 00:11:44,500 >> Arís, más rud é nach bhfuil an t-innéacs soiléir tú, molaim a théann tú ar JS do cait 252 00:11:44,500 --> 00:11:45,682 agus é a sheiceáil amach. 253 00:11:45,682 --> 00:11:47,710 Tá go súmáilte i go maith go leor? 254 00:11:47,710 --> 00:11:48,490 Cool. 255 00:11:48,490 --> 00:11:50,670 >> Mar sin, gach a chomhdhéanann í riachtanais go bhfuil feidhm rindreáil. 256 00:11:50,670 --> 00:11:53,010 Deir an fheidhm rindreáil, cad is féidir liom a phriontáil ar an scáileán? 257 00:11:53,010 --> 00:11:54,760 Ach tá an chomhpháirt useless más rud é nach ndéanann sé 258 00:11:54,760 --> 00:11:58,060 fhios cad a phriontáil ar an scáileán, mar sin ní mór duit a bhfuil feidhm rindreáil. 259 00:11:58,060 --> 00:12:01,904 >> Mar sin, i rud an rindreáil, tú is gá ach a thabhairt ar ais roinnt HTML. 260 00:12:01,904 --> 00:12:03,820 Agus cad atá cool is é sin níl rud ar a dtugtar 261 00:12:03,820 --> 00:12:08,660 JSX, a bhfuil síneadh JavaScript atá in úsáid ag freagairt. 262 00:12:08,660 --> 00:12:11,845 Sé ligean scríobhann tú HTML taobh istigh de do JavaScript, a 263 00:12:11,845 --> 00:12:13,970 fuaimeanna de chineál ar aisteach nuair cheapann tú an chéad faoi, 264 00:12:13,970 --> 00:12:15,553 ach déanann sé a lán de chiall ina dhiaidh. 265 00:12:15,553 --> 00:12:17,430 Mar sin, is féidir linn é seo a. 266 00:12:17,430 --> 00:12:21,360 Má tá tú eolach ar HTML, tá a fhios agam ní mór dúinn a div le cuspóir ginearálta 267 00:12:21,360 --> 00:12:22,790 coimeádán le haghaidh rudaí. 268 00:12:22,790 --> 00:12:26,380 Is féidir linn filleadh ar div, agus taobh istigh an div, is féidir linn a chur stuif. 269 00:12:26,380 --> 00:12:32,390 >> Mar sin, a ligean le rá ba mhaith linn i gcóir chun go díreach a spléach-chárta díreach-suas do anois. 270 00:12:32,390 --> 00:12:34,890 An spléach-chárta, ba mhaith liom a rá, beidh ceist agus freagra. 271 00:12:34,890 --> 00:12:37,530 Mar sin, taobh istigh seo div, a ligean ar phriontáil amach mír 272 00:12:37,530 --> 00:12:42,155 a deir question-- Cad é an freagra deiridh chun na beatha, na Cruinne? 273 00:12:42,155 --> 00:12:47,640 274 00:12:47,640 --> 00:12:50,345 Agus ansin tá an freagra ag dul a bheith, ar ndóigh, 42. 275 00:12:50,345 --> 00:12:56,880 276 00:12:56,880 --> 00:12:59,730 >> Ní raibh a thagann suas go maith ar chor ar bith. 277 00:12:59,730 --> 00:13:04,164 Yeah, mar sin go bunúsach is féidir leat i ndáiríre scríobh HTML taobh istigh do JavaScript. 278 00:13:04,164 --> 00:13:06,330 Agus is é seo ag dul a bheith clóite amach ar an scáileán. 279 00:13:06,330 --> 00:13:08,250 Mar sin, a ligean ar triail a bhaint amach. 280 00:13:08,250 --> 00:13:09,520 >> Mar sin, ní mór dúinn ár chomhdhéanann í. 281 00:13:09,520 --> 00:13:12,210 Ní mór dúinn a insint Freagair don chur an chomhpháirt ar an scáileán 282 00:13:12,210 --> 00:13:18,990 mar sin React.render, ionas go mbeidh muid faoi deara déileáil app mar aon eilimint eile. 283 00:13:18,990 --> 00:13:21,010 Scríobh muid é mar a bhí sé ina ghné HTML. 284 00:13:21,010 --> 00:13:25,100 Cosúil le rá cosúil le img in ionad do íomhá nó p mhír, 285 00:13:25,100 --> 00:13:28,120 tú scríobh App, mar sin tá App chaithfí le gné HTML. 286 00:13:28,120 --> 00:13:30,380 Mar a dúirt mé cheana, tá sé gné ar stéaróidigh. 287 00:13:30,380 --> 00:13:32,870 >> Mar sin, tú rindreáil App, agus tú thabhairt dó áit a chur air. 288 00:13:32,870 --> 00:13:37,170 Agus tá sé seo conas is féidir leat insint dó nuair a chur air. 289 00:13:37,170 --> 00:13:46,200 Chruthaigh mé div simplí ar an leathanach ar a dtugtar le haitheantas an leathanaigh, 290 00:13:46,200 --> 00:13:48,300 agus sin i gcás an eilimint ag dul chun dul. 291 00:13:48,300 --> 00:13:49,841 >> Agus ní táimid ag dul a reáchtáil le HTML. 292 00:13:49,841 --> 00:13:53,145 Go bunúsach tá sé seo ag dul a fháil chur taobh istigh den eilimint an leathanach seo 293 00:13:53,145 --> 00:13:54,270 go bhfuil muid ar an scáileán. 294 00:13:54,270 --> 00:13:59,210 Mar sin, ritheann sé gcód seo, agus tarraingíonn sé seo rud ar an scáileán, mar sin anseo tá muid. 295 00:13:59,210 --> 00:14:01,770 Déanta againn ár gcéad chomhpháirt React. 296 00:14:01,770 --> 00:14:08,000 >> Mar sin, díreach mar recap, rinne muid go réidh i ndáil le cineál nua comhpháirte, ceart? 297 00:14:08,000 --> 00:14:10,145 Sin an méid an React.createClass. 298 00:14:10,145 --> 00:14:12,680 Agus sa chomhpháirt, táimid ag D'inis sé cad ba cheart a dhéanamh. 299 00:14:12,680 --> 00:14:15,590 Aon uair a chomhdhéanann í a seo a chló isteach ar an scáileán, 300 00:14:15,590 --> 00:14:19,300 beidh sé a phriontáil amach an div le an dá mhír taobh istigh de sé. 301 00:14:19,300 --> 00:14:24,460 >> Agus cad a rinne muid, rinne muid app nua ag baint úsáide as an nodaireacht uillinn app lúibín. 302 00:14:24,460 --> 00:14:27,160 Dúradh linn é a chur taobh istigh den eilimint leathanach. 303 00:14:27,160 --> 00:14:29,867 Agus mar sin cad a rinne mé, chruthaigh sé app nua ón teimpléad. 304 00:14:29,867 --> 00:14:31,200 Agus ansin dúirt mé é a fhágann go bhfuil sé. 305 00:14:31,200 --> 00:14:33,680 Mar sin, dúirt sé, ceart go leor, app, cad ba chóir dom a phriontáil amach? 306 00:14:33,680 --> 00:14:36,970 App deir, téigh phriontáil amach div le dhá mhír taobh istigh de sé. 307 00:14:36,970 --> 00:14:40,420 Agus voila, níl ár n-div le dá mhír taobh istigh de sé. 308 00:14:40,420 --> 00:14:43,180 Ciall go dtí seo? 309 00:14:43,180 --> 00:14:46,690 >> Mar sin, arís, an dúshlán iomlán de React ach a fhios agam conas a dhéanamh comhpháirteanna. 310 00:14:46,690 --> 00:14:48,500 Conas a dhéanamh ar an comhpháirteanna ag obair le chéile. 311 00:14:48,500 --> 00:14:51,780 Anois go atá déanta againn ár gcéad chomhdhéanann í, a ligean ar dul ar ais 312 00:14:51,780 --> 00:14:54,284 agus a chur ar comhpháirteanna customizable. 313 00:14:54,284 --> 00:14:56,700 Mar sin, tá a fhios agat conas i HTML tú is féidir a thabhairt do ranganna cnaipí? 314 00:14:56,700 --> 00:14:59,146 Is féidir leat a thabhairt do anchors an href. 315 00:14:59,146 --> 00:15:00,770 Is féidir leat a thabhairt do ionchur le cineál, ceart? 316 00:15:00,770 --> 00:15:04,740 Is féidir leat a thabhairt do níos mó saincheaptha Airíonna le gach ceann de do eilimintí 317 00:15:04,740 --> 00:15:06,490 chun é a dhéanamh níos suimiúla. 318 00:15:06,490 --> 00:15:09,030 Agus is féidir linn a dhéanamh i ndáiríre an rud ceannann céanna. 319 00:15:09,030 --> 00:15:17,500 >> Mar sin, a ligean le rá ba mhaith linn ár n- app chun dul i gcóir aon chárta. 320 00:15:17,500 --> 00:15:19,630 Ceart anois againn ach rinneadh cárta hardcoded. 321 00:15:19,630 --> 00:15:22,530 Tá a fhios againn go níl ach ceann amháin cárta féidir é a dhéanamh, mar sin tá muid 322 00:15:22,530 --> 00:15:25,960 dul chun iarracht a dhéanamh agus a athrú seo a anois mar sin gur féidir linn a thabhairt ach sé roinnt cárta. 323 00:15:25,960 --> 00:15:27,410 Beidh sé a phriontáil amach an chárta. 324 00:15:27,410 --> 00:15:29,380 >> Chóir duit chun iarracht a dhéanamh do comhpháirteanna cuspóir an-ghinearálta. 325 00:15:29,380 --> 00:15:31,654 Mar sin, ar an mbealach seo raibh mé in ann ríomhphost seo mo chara agus a bheith cosúil le, 326 00:15:31,654 --> 00:15:33,820 is cuma cad spléach-chárta a bhfuil tú, ach beatha sé isteach anseo, 327 00:15:33,820 --> 00:15:35,290 agus beidh sé a dhéanamh leis féin. 328 00:15:35,290 --> 00:15:37,650 Is féidir leat a chur eile rudaí i do app féin. 329 00:15:37,650 --> 00:15:40,600 >> Ach ar dtús, a ligean ar bhriseadh an suas i dhá chomhpháirt, 330 00:15:40,600 --> 00:15:44,500 ach ba mhaith linn a dheighilt ón gcárta chuid priontáil as an chuid app iarbhír. 331 00:15:44,500 --> 00:15:46,660 Mar sin, cad is féidir linn a dhéanamh go bhfuil muid a Is féidir seo a athrú ó App 332 00:15:46,660 --> 00:15:51,300 go CardView, ach ainm nua don app, 333 00:15:51,300 --> 00:15:54,450 agus is féidir linn a dhéanamh nua a chomhdhéanann í ar a dtugtar App, 334 00:15:54,450 --> 00:15:56,336 gan a mheascadh leis an App d'aois. 335 00:15:56,336 --> 00:16:00,730 Táimid agam an createClass, agus is maith i HTML, 336 00:16:00,730 --> 00:16:03,590 is féidir leat a nead comhpháirteanna React taobh istigh de gach eile. 337 00:16:03,590 --> 00:16:16,430 >> Mar sin, sa fheidhm rindreáil, CardView ar ais fheidhm, 338 00:16:16,430 --> 00:16:18,234 agus is é seo an rud ceannann céanna. 339 00:16:18,234 --> 00:16:19,400 Féach ar cén fáth tá sé an rud céanna? 340 00:16:19,400 --> 00:16:22,590 In ionad rindreáil ach an app go Tá an div agus pairing taobh istigh de sé, 341 00:16:22,590 --> 00:16:26,194 Rindreáil an app an CardView, agus an CardView Rindreáil an div agus mír. 342 00:16:26,194 --> 00:16:29,110 Mar sin, is é seo ár chéad sampla de gnéithe neadaithe taobh istigh de gach eile. 343 00:16:29,110 --> 00:16:32,177 Bhfuil ciall? 344 00:16:32,177 --> 00:16:33,760 Mar sin, arís, ní mór dúinn gné CardView. 345 00:16:33,760 --> 00:16:37,250 Tá gnéithe app táimid ag go bhfuil sé níos mó ná. 346 00:16:37,250 --> 00:16:40,990 >> OK, mar sin ba mhaith linn ár CardView-- má tá tú thabhairt CardView maith le cárta áirithe, 347 00:16:40,990 --> 00:16:43,370 beidh sé a phriontáil amach duit, ceart? 348 00:16:43,370 --> 00:16:48,050 Mar sin an chéad, ní mór dúinn a dhéanamh ar chárta, mar sin a ligean ar a dhéanamh ar rud chárta. 349 00:16:48,050 --> 00:17:02,930 Mar sin a ligean ar mo chárta equal-- má tá tú go léir ar an eolas, 350 00:17:02,930 --> 00:17:05,260 is é seo a dhéanamh nodaireachta-ach agóid i JavaScript. 351 00:17:05,260 --> 00:17:09,280 Tá sé cineál cosúil le struct i C, mar sin rinne muid cárta, 352 00:17:09,280 --> 00:17:15,920 agus mar sin anois is féidir linn a pas a fháil an cárta mar maoin nó mar an tréith i HTML 353 00:17:15,920 --> 00:17:17,290 téarmaíocht go dtí ár app. 354 00:17:17,290 --> 00:17:20,210 Mar sin, is féidir linn é seo a, App ionann cárta Mycard. 355 00:17:20,210 --> 00:17:23,200 >> Tá a fhios agat conas i ionchur, a dhéanann tú ionann cineál ionchur téacs nó cnaipe 356 00:17:23,200 --> 00:17:25,240 is ionann an rang btn haghaidh bootstrap ,? 357 00:17:25,240 --> 00:17:29,500 Smaoineamh céanna, equals-- App cárta atá tú a fuair a braces chur here-- 358 00:17:29,500 --> 00:17:33,830 Ionann cárta app Mycard, mar sin seo Deir ní mór dúinn an réad chárta. 359 00:17:33,830 --> 00:17:39,149 Tá mé ag dul chun pas a sé mar maoine chun an chomhpháirt app. 360 00:17:39,149 --> 00:17:41,440 Agus beidh seo a chomhdhéanann í app a bheith in ann rochtain a fháil air agus a dhéanamh 361 00:17:41,440 --> 00:17:43,580 stuif suimiúil leis. 362 00:17:43,580 --> 00:17:47,650 >> Mar sin, is é ár app ag dul a bheith Tugtar cárta, mar sin do anois, 363 00:17:47,650 --> 00:17:49,980 a ligean ar an app díreach a thabhairt an cárta leis an CardView 364 00:17:49,980 --> 00:17:53,110 é féin mar is maith nach bhfuil an app ag dul a fháil amach cad atá le déanamh leis, 365 00:17:53,110 --> 00:17:54,850 mar sin beidh orainn a thabhairt díreach tar éis sé leis an CardView. 366 00:17:54,850 --> 00:18:00,050 Mar sin, beidh orainn pas é an mbealach céanna, is ionann cárta, 367 00:18:00,050 --> 00:18:05,426 agus mar sin is féidir le gach comhpháirt rochtain a fháil ar an rudaí a bhí a thugtar dó. 368 00:18:05,426 --> 00:18:07,800 Is féidir leo rochtain ar na hairíonna atá curtha thugtar dó 369 00:18:07,800 --> 00:18:09,470 baint úsáide as an error, this.props.card. 370 00:18:09,470 --> 00:18:12,010 371 00:18:12,010 --> 00:18:14,920 >> Mar sin, cad a tharlaíonn anseo tá tú ar an réad Mycard. 372 00:18:14,920 --> 00:18:18,250 Pas tú é isteach ar an app ag baint úsáide as App cárta ionann Mycard. 373 00:18:18,250 --> 00:18:21,420 Is é sin an rud cárta a thugtar do do app. 374 00:18:21,420 --> 00:18:24,400 Is féidir leis an app rochtain a fháil air mar this.props.card. 375 00:18:24,400 --> 00:18:28,780 Tá sé cineál cosúil le íomhá fhios ag a bhfuil sé ar fhoinse. 376 00:18:28,780 --> 00:18:31,972 >> Fhios an app cad atá sé cárta is é, agus is féidir é a dhéanamh stuif leis. 377 00:18:31,972 --> 00:18:32,930 Is féidir é a ríomhaireachtaí a dhéanamh. 378 00:18:32,930 --> 00:18:35,290 Is féidir é a cinntí bunaithe ar thalamh de é a dhéanamh. 379 00:18:35,290 --> 00:18:39,950 >> Chun anois, bhí mé ag dul chun pas a this.props.card isteach ar an CardView. 380 00:18:39,950 --> 00:18:43,420 Ciall go dtí seo? 381 00:18:43,420 --> 00:18:45,210 Beidh sé ciall a bhaint as níos mó anois. 382 00:18:45,210 --> 00:18:46,990 >> OK, mar sin anois tá muid ag CardView. 383 00:18:46,990 --> 00:18:51,719 Ár CardView, mar gheall ar an cárta, ba chóir phriontáil amach a ceisteanna agus freagraí. 384 00:18:51,719 --> 00:18:54,510 Ceart anois chló muid díreach amach roinnt ceisteanna hardcoded agus freagraí. 385 00:18:54,510 --> 00:18:57,720 Ní mór dúinn a figiúr out-- gá dúinn a iarraidh ar an gcárta a thug siad dúinn 386 00:18:57,720 --> 00:19:01,360 cad é an ceisteanna agus freagraí, agus ansin a phriontáil seo amach ar an scáileán. 387 00:19:01,360 --> 00:19:02,470 >> Mar sin, is féidir linn é seo a anseo. 388 00:19:02,470 --> 00:19:06,135 Sa rindreáil begin-- ar dtús a dhéanamh ionann. 389 00:19:06,135 --> 00:19:08,710 390 00:19:08,710 --> 00:19:13,050 Mar sin, cad táimid ag déanamh anseo é a fhios againn go na cártaí a thabhairt dúinn le maoin, 391 00:19:13,050 --> 00:19:13,580 ceart? 392 00:19:13,580 --> 00:19:15,930 Tá sé seo tugadh dúinn mar ionchur. 393 00:19:15,930 --> 00:19:19,440 Mar tá sé beagnach cosúil argóintí le feidhm. 394 00:19:19,440 --> 00:19:22,810 Is é an cárta argóint beagnach leis an CardView. 395 00:19:22,810 --> 00:19:25,239 >> Beidh muid a bhaint go bhfuil, agus a chur sé isteach ar an cheist athróg. 396 00:19:25,239 --> 00:19:27,280 Déan cinnte an freagra a chuaigh leis an freagra athraitheach. 397 00:19:27,280 --> 00:19:31,130 Leideanna go cárta a fhreagairt. 398 00:19:31,130 --> 00:19:35,072 Agus anois go bhfuil muid na, in ionad a phriontáil amach an téacs, 399 00:19:35,072 --> 00:19:37,030 táimid ag dul a phriontáil amach is cuma cad a thug siad dúinn. 400 00:19:37,030 --> 00:19:43,580 >> Mar sin, stuff-- seo amhlaidh táimid ag dul a chur amach Ceist Freagra. 401 00:19:43,580 --> 00:19:46,380 A ligean ar a fheiceáil má oibríonn sé seo. 402 00:19:46,380 --> 00:19:52,800 Cool, mar sin a ligean céim tríd ceann amháin níos mó ama ach a bheith cinnte. 403 00:19:52,800 --> 00:20:00,470 >> Mar sin, tá mo chárta réad chárta, agus táimid ag ag tabhairt go cárta don app. 404 00:20:00,470 --> 00:20:04,790 Agus is é an app ag dul a chur ar an cárta agus é a thabhairt don CardView. 405 00:20:04,790 --> 00:20:09,190 Agus deir an CardView, má tá tú a thabhairt dom aon rud spléach-chárta, 406 00:20:09,190 --> 00:20:11,920 Feicfidh mé a phriontáil amach a cheist agus a fhreagairt, ceart? 407 00:20:11,920 --> 00:20:14,590 >> Mar sin, cad a d'fhéadfadh liom a dhéanamh go bhfuil féidir liom seol cód seo, an chéad 408 00:20:14,590 --> 00:20:16,580 cosúil le 10 línte de mo cód, le mo chara. 409 00:20:16,580 --> 00:20:18,820 D'fhéadfadh sé a leabú i a iarratas féin. 410 00:20:18,820 --> 00:20:27,200 Agus chomh fada agus mar a rinne sé an rud céanna, cosúil ionann cárta CardView seo, 411 00:20:27,200 --> 00:20:30,580 chomh fada agus a chruthaigh sé an CardView agus thug sé an t-eolas ceart, 412 00:20:30,580 --> 00:20:31,987 d'fhéadfadh sé a sholáthar a chárta féin. 413 00:20:31,987 --> 00:20:34,320 Agus mar sin ar an mbealach seo, tá sé i ndáiríre bhealach fuarú chun tú a thógáil 414 00:20:34,320 --> 00:20:35,906 comhpháirteanna a bhaineann úsáid as a chéile, ceart? 415 00:20:35,906 --> 00:20:38,280 An cárta seo, raibh mé in ann a fhoilsiú an CardView ar an idirlíon, 416 00:20:38,280 --> 00:20:39,790 agus go mbeadh daoine in ann é a úsáid. 417 00:20:39,790 --> 00:20:45,070 Sin, go bunúsach, tá sé cosúil le ceann amháin de na feidhmeanna caighdeánach i leabharlann C. 418 00:20:45,070 --> 00:20:47,280 >> Tá sé mar fheidhm áit tá duine éigin i scríbhinn é. 419 00:20:47,280 --> 00:20:48,419 A thabhairt duit ionchur áirithe. 420 00:20:48,419 --> 00:20:49,710 Beidh sé a tháirgeadh aschur áirithe. 421 00:20:49,710 --> 00:20:50,890 Nach bhfuil tú cúram conas a oibríonn sé go hinmheánach. 422 00:20:50,890 --> 00:20:53,790 Chomh fada is a thugann tú sé an ceart ionchur, beidh sé a dhéanamh ar an aschur ceart. 423 00:20:53,790 --> 00:20:57,850 >> Agus is féidir a bheith ina chomhpháirt Shíl an mbealach céanna. 424 00:20:57,850 --> 00:21:00,280 Tá an CardView cosúil le feidhm leabharlainne. 425 00:21:00,280 --> 00:21:03,400 Má thugann tú sé roinnt cárta mar mhaoin, beidh sé 426 00:21:03,400 --> 00:21:05,095 phriontáil amach an t-ábhar sin chárta. 427 00:21:05,095 --> 00:21:16,820 Cosúil má athraím mo chárta a ina ionad sin a bheith cosúil le cad é 5 móide 37, 428 00:21:16,820 --> 00:21:19,210 beidh sé cothrom le dáta dá réir sin. 429 00:21:19,210 --> 00:21:21,955 Mar sin, ach trí athrú a dhéanamh ar an ionchur, faigheann sé aschur áirithe. 430 00:21:21,955 --> 00:21:24,830 Mar sin, is féidir leat smaoineamh ar na comhpháirteanna beagnach mar fheidhmeanna ar an mbealach seo, a 431 00:21:24,830 --> 00:21:25,920 Is féidir leat a chur le chéile. 432 00:21:25,920 --> 00:21:29,440 A gheobhaidh tú ionchur, mar seo CardView mar an t-ionchur, gheobhaidh tú aschur. 433 00:21:29,440 --> 00:21:31,900 Sa chás seo, is é aschur an HTML. 434 00:21:31,900 --> 00:21:34,404 Ciall go dtí seo? 435 00:21:34,404 --> 00:21:36,890 Cool, agus mar sin arís, tá airíonna conas is féidir leat pas a fháil eolas 436 00:21:36,890 --> 00:21:40,900 isteach agus amach as chomhpháirteanna. 437 00:21:40,900 --> 00:21:42,740 >> OK, mar sin a ligean ar a dhéanamh ar an Rud idirghníomhach. 438 00:21:42,740 --> 00:21:44,450 Ceart anois tá sé de chineál leadránach. 439 00:21:44,450 --> 00:21:45,520 Cad é [inaudible]? 440 00:21:45,520 --> 00:21:48,210 Is féidir leat a phriontáil amach roinnt, ach sin ar fad féidir é a dhéanamh. 441 00:21:48,210 --> 00:21:51,550 >> Mar sin, a ligean ar dul ar ais go dtí an ceist d'aois ach le haghaidh anois. 442 00:21:51,550 --> 00:21:54,405 OK, mar sin ceart anois na comhpháirteanna Tá leadránach toisc go bhfuil go léir siad, 443 00:21:54,405 --> 00:21:55,030 a fhaigheann siad ionchur. 444 00:21:55,030 --> 00:21:56,100 Déanann siad aschur, ceart? 445 00:21:56,100 --> 00:21:57,049 Sin de chineál ar leadránach. 446 00:21:57,049 --> 00:21:59,090 Ba mhaith linn a bheith acu ar ár comhpháirteanna a bheith in ann a bhfuil 447 00:21:59,090 --> 00:22:02,150 de shaghas éigin stáit inmheánach, cosúil le cuimhneamh ar rud éigin. 448 00:22:02,150 --> 00:22:05,320 >> Le haghaidh spléach-chárta, le haghaidh Mar shampla, cén cineál stáit 449 00:22:05,320 --> 00:22:07,550 b'fhéidir gur mhaith leat a cuimhneamh ar feadh spléach-chárta? 450 00:22:07,550 --> 00:22:09,740 Cad stádas sealadach D'fhéadfadh tú ag iarraidh a mheabhrú 451 00:22:09,740 --> 00:22:12,491 ar feadh spléach-chárta i app spléach-chárta? 452 00:22:12,491 --> 00:22:13,990 LUCHT ÉISTEACHTA: Cibé tá sé curtha iompaithe? 453 00:22:13,990 --> 00:22:14,990 NEEL MEHTA: Yeah, ar dheis. 454 00:22:14,990 --> 00:22:17,665 Mar sin, b'fhéidir gur mhaith leat a choinneáil súil a choinneáil ar a bhfuil tú aghaidh a thabhairt suas nó 455 00:22:17,665 --> 00:22:19,100 aghaidh tú síos ar an gcárta. 456 00:22:19,100 --> 00:22:23,420 Ar Facebook, mar shampla, a bheadh ​​agat ag iarraidh a cuimhneamh áit sa bheatha nuachta 457 00:22:23,420 --> 00:22:25,870 tá tú nó is maith atá ar phróifíl tá tú ag déanamh ceart anois. 458 00:22:25,870 --> 00:22:30,127 >> Ar Messenger, cosúil le cad téacs a bhfuil tú cineál sa bhosca ionchur, ceart? 459 00:22:30,127 --> 00:22:31,710 Má athnuachan tú an leathanach, téann sé ar shiúl. 460 00:22:31,710 --> 00:22:32,793 Ach nach bhfuil tú cúram i ndáiríre. 461 00:22:32,793 --> 00:22:33,770 Tá sé díreach go sealadach. 462 00:22:33,770 --> 00:22:34,548 Yeah? 463 00:22:34,548 --> 00:22:36,152 >> LUCHT ÉISTEACHTA: [inaudible] 464 00:22:36,152 --> 00:22:38,360 NEEL MEHTA: Cosúil le flash cárta, mar is féidir leat a bheith ag féachaint 465 00:22:38,360 --> 00:22:40,290 an taobh cheist nó an taobh freagra? 466 00:22:40,290 --> 00:22:41,070 >> LUCHT ÉISTEACHTA: OK. 467 00:22:41,070 --> 00:22:43,270 >> NEEL MEHTA: Cosúil le dhá-Thaobh spléach-chárta, ceart? 468 00:22:43,270 --> 00:22:46,370 Yeah, mar sin ba mhaith leat a bhfuil an smaoineamh seo de anois 469 00:22:46,370 --> 00:22:50,370 Tá mé airíonna, atá cosúil ionchuir, ach stáit, atá sealadach, uh, 470 00:22:50,370 --> 00:22:51,839 áit a bhfuil tú ar an leathanach, ceart? 471 00:22:51,839 --> 00:22:54,380 Arís, a dúirt mé i Facebook Messenger, tá mé ar nós a bhfuil duine 472 00:22:54,380 --> 00:22:56,550 bhfuil tú ag breathnú ar Facebook nó hé cé próifíl, ceart? 473 00:22:56,550 --> 00:22:58,030 >> Tá sé seo ach go sealadach. 474 00:22:58,030 --> 00:23:01,200 Tá sé tábhachtach chun a thaispeáint don úsáideoir cad atá ar siúl, ach athnuachan an leathanach. 475 00:23:01,200 --> 00:23:02,250 Ní chuireann sé ábhar i ndáiríre. 476 00:23:02,250 --> 00:23:04,530 Mar sin tá sé stáit sealadach, mar sin againn ar fad stáit é. 477 00:23:04,530 --> 00:23:06,250 >> Mar sin, arís, níl stáit agus props. 478 00:23:06,250 --> 00:23:09,084 Props Tá ionchur a thugtar ó do fhoinse sonraí. 479 00:23:09,084 --> 00:23:10,250 Is Stát díreach cosúil mainneachtainí. 480 00:23:10,250 --> 00:23:13,700 Tá sé díreach cosúil le rudaí a Déanann an rud idirghníomhach. 481 00:23:13,700 --> 00:23:17,720 >> Mar sin, inár CardView-- a ligean ar bhfuil ár CardView-- mar sin bhí sé go deas. 482 00:23:17,720 --> 00:23:21,420 Cad tá muid ag dul a dhéanamh anseo, táimid ag dul chun teagmháil CardView agus gan ach CardView. 483 00:23:21,420 --> 00:23:25,105 Agus mar sin mo chara a fuair seo, siad Ní bheadh ​​faoi deara aon difríocht. 484 00:23:25,105 --> 00:23:27,230 Ní bheadh ​​siad a athrú aon cheann dá cód féin, 485 00:23:27,230 --> 00:23:29,410 ach gur mhaith leo a fheiceáil a n- Fuair ​​souped CardView suas. 486 00:23:29,410 --> 00:23:31,270 Sin cuid deas faoi chomhpháirteanna. 487 00:23:31,270 --> 00:23:35,290 >> OK, mar sin inár CardView, a ligean ar iarracht a dhéanamh agus súil a choinneáil ar cé acu tá muid ag céim suas a choinneáil 488 00:23:35,290 --> 00:23:36,560 nó béal faoi. 489 00:23:36,560 --> 00:23:40,480 I React dhéanaimid é seo ag an chéad sonrú an staid tosaigh. 490 00:23:40,480 --> 00:23:42,070 Nuair a dhéanann an gcárta tosú? 491 00:23:42,070 --> 00:23:48,480 >> Mar sin ina fheidhm a dtugtar getInitialState feidhmiú, agus seol ar ais linn a rud. 492 00:23:48,480 --> 00:23:53,310 Tá an rud éigin stáit, agus is stát ach péire eochair-luach. 493 00:23:53,310 --> 00:23:56,950 Cosúil i teagasc, tá tú eochair agus luach, tá tú cosúil ainm teaghrán. 494 00:23:56,950 --> 00:24:01,410 >> Sa chás seo, a ligean ar rá go bhfuil os fíor. 495 00:24:01,410 --> 00:24:03,760 Deir sé seo go mór dúinn a stáit. 496 00:24:03,760 --> 00:24:06,570 Comhchuid amháin de na stáit Is tréith ar a dtugtar tosaigh. 497 00:24:06,570 --> 00:24:09,649 [Inaudible], agus mar sin de réir réamhshocraithe, tá muid i os comhair an chárta, 498 00:24:09,649 --> 00:24:11,440 agus is féidir linn a athrú seo a agus muid ag smeach an cárta. 499 00:24:11,440 --> 00:24:13,380 Ciall? 500 00:24:13,380 --> 00:24:18,190 >> OK, mar sin i rindreáil, ceart anois, tá muid ag taispeáint an gceist agus an freagra. 501 00:24:18,190 --> 00:24:20,860 Anois, cad ba cheart dúinn a dhéanamh Tá taispeáin an cheist 502 00:24:20,860 --> 00:24:24,370 má tá muid ar thaobh tosaigh an chárta sin is é an freagra don chúl an chárta. 503 00:24:24,370 --> 00:24:26,850 Sin an fáth a dhéanann tú gach an cárta idirghníomhach. 504 00:24:26,850 --> 00:24:28,100 Mar sin, a ligean ar iarracht a dhéanamh agus a ghabhann leis an anseo. 505 00:24:28,100 --> 00:24:31,600 506 00:24:31,600 --> 00:24:33,620 Bhuel, ar an gcéad a dhéanamh ach athróg. 507 00:24:33,620 --> 00:24:37,790 Is féidir linn a iarraidh anois this.state.front. 508 00:24:37,790 --> 00:24:42,010 Táimid ag teacht ar luaigh an linn a céanna props rochtana, mar sin this.state.front. 509 00:24:42,010 --> 00:24:45,870 >> Má tá muid chun tosaigh, ansin téacs Is this.props.card.question. 510 00:24:45,870 --> 00:24:48,777 511 00:24:48,777 --> 00:24:51,360 Má tá muid ar thaobh tosaigh an cárta, táimid ag dul chun iarracht a dhéanamh agus grab 512 00:24:51,360 --> 00:24:52,485 an cheist as an gcárta. 513 00:24:52,485 --> 00:24:54,782 514 00:24:54,782 --> 00:24:57,240 Seachas sin, má tá muid ar chúl an chárta, cad a dhéanaimid? 515 00:24:57,240 --> 00:25:01,830 516 00:25:01,830 --> 00:25:02,750 >> LUCHT ÉISTEACHTA: An freagra? 517 00:25:02,750 --> 00:25:05,041 >> NEEL MEHTA: Yep, mar sin an téacs ionann this.props.card.answer. 518 00:25:05,041 --> 00:25:08,472 519 00:25:08,472 --> 00:25:10,930 Ach má thugann tú, tá muid ag baint úsáide as an stát chun cinneadh a dhéanamh 520 00:25:10,930 --> 00:25:14,420 mar anois an chomhpháirt Beidh breathnú éagsúla 521 00:25:14,420 --> 00:25:16,710 bunaithe ar thalamh conas a idirghníomhaíonn seo leis. 522 00:25:16,710 --> 00:25:20,355 Mar sin, in ionad a phriontáil amach seo, beidh orainn a phriontáil díreach amach an téacs. 523 00:25:20,355 --> 00:25:25,270 524 00:25:25,270 --> 00:25:28,650 Cool, mar sin anois, mar a fheiceann tú, a fheicimid ach an cheist. 525 00:25:28,650 --> 00:25:37,720 Agus má athraíonn mé an stát anseo de láimh go bhfuil tosaigh bréagach a fháil againn 42 ar ais. 526 00:25:37,720 --> 00:25:39,720 >> Mar sin, arís, a chomhdhéanann í seo Tá a staid féin. 527 00:25:39,720 --> 00:25:43,440 Cosúil le a fhios ag an cnaipe an bhfuil tá sé curtha brúite nó nach bhfuil, 528 00:25:43,440 --> 00:25:46,080 fhios ag an rud a bhfuil ar an tosaigh nó ar chúl. 529 00:25:46,080 --> 00:25:48,320 De réir réamhshocraithe, tá sé ar an tosaigh. 530 00:25:48,320 --> 00:25:50,840 Agus ansin má tá sé ar thaobh tosaigh, beidh orainn a phriontáil amach ar an gceist. 531 00:25:50,840 --> 00:25:53,106 Má tá sé ar chúl, beidh muid a phriontáil amach an freagra. 532 00:25:53,106 --> 00:25:54,980 Mar sin, arís, an t-eolas Is mar gheall ar an gcéanna. 533 00:25:54,980 --> 00:25:59,090 Breathnaíonn sé díreach difriúil bunaithe ar an gcaoi clár tú é. 534 00:25:59,090 --> 00:26:02,670 Mar sin, mar shampla, Facebook Messenger, fiú má fhaigheann tú an fhoinse sonraí céanna, 535 00:26:02,670 --> 00:26:05,170 d'fhéadfadh sé cuma difriúil toisc go bhfuil an stáit éagsúla. 536 00:26:05,170 --> 00:26:08,421 Tá tú ag féachaint ar teachtaireacht duine éagsúla ar. 537 00:26:08,421 --> 00:26:10,930 >> OK, mar sin tá sé seo ar fad go maith agus maith, ach anois cad atá i ndáiríre 538 00:26:10,930 --> 00:26:15,940 dhéanamh ann dúinn a athrú, cibé acu Is é ár n-cárta tosaigh nó ar ais. 539 00:26:15,940 --> 00:26:19,010 Is féidir linn é seo a trí chur le smeach cnaipe, cnaipe ar an gcárta sin 540 00:26:19,010 --> 00:26:22,950 Beidh smeach an cárta má tá sé [inaudible]. 541 00:26:22,950 --> 00:26:31,770 Mar sin, a ligean ar add a cnaipe anseo, seo Beidh cnaipe, agus an cnaipe seo a rá smeach. 542 00:26:31,770 --> 00:26:35,650 >> Agus mar sin ceart anois, sé Ní aon ní a dhéanamh. 543 00:26:35,650 --> 00:26:37,075 Breathnaíonn sé díreach deas. 544 00:26:37,075 --> 00:26:43,650 Cad is féidir linn a dhéanamh ná gur féidir linn a chur cliceáil láimhseálaí, is ionann onClick this.flip, 545 00:26:43,650 --> 00:26:44,820 agus beidh orainn a shainiú smeach níos déanaí. 546 00:26:44,820 --> 00:26:47,120 Ach go bunúsach, onClick Is feidhm go 547 00:26:47,120 --> 00:26:48,675 Faigheann ar a dtugtar nuair a cad a tharlaíonn nuair an t-úsáideoir é. 548 00:26:48,675 --> 00:26:52,330 >> Mar sin, beidh an cnaipe a fhios nuair atá sé curtha chliceáil. 549 00:26:52,330 --> 00:26:54,750 Chuaigh tá sé curtha chliceáil, beidh sé smeach an gcárta. 550 00:26:54,750 --> 00:26:58,382 Tá sé cineál cosúil do Guy seachadadh pizza. 551 00:26:58,382 --> 00:27:01,590 Tá tú cosúil le, ceart go léir, aon uair éigin glaonna dom, beidh mé a sheachadadh pizza, ceart? 552 00:27:01,590 --> 00:27:03,420 >> A chláraíonn tú an éisteoir. 553 00:27:03,420 --> 00:27:04,530 Éisteann tú le haghaidh ócáid. 554 00:27:04,530 --> 00:27:07,657 Tú a dtugtar, agus nuair a bheidh an dtarlóidh teagmhas, a dhéanann tú rud éigin. 555 00:27:07,657 --> 00:27:08,240 A gheobhaidh tú pizza. 556 00:27:08,240 --> 00:27:11,480 Sa chás seo, nuair a bhíonn tú chliceáil, smeach tú an cárta. 557 00:27:11,480 --> 00:27:14,560 >> Agus mar sin ní mór dúinn a shainiú fheidhm a smeach an cárta, 558 00:27:14,560 --> 00:27:17,930 mar sin beidh orainn a scríobh an ceart sin anseo, smeach fheidhm. 559 00:27:17,930 --> 00:27:20,850 560 00:27:20,850 --> 00:27:23,680 Agus mar sin cad a cheapann tú go mbeidh smeach a dhéanamh? 561 00:27:23,680 --> 00:27:27,180 Arís Faigheann seo ar a dtugtar nuair cliceáil táimid ag an cnaipe smeach. 562 00:27:27,180 --> 00:27:29,406 Cad ba chóir don smeach fheidhm a dhéanamh? 563 00:27:29,406 --> 00:27:34,136 >> LUCHT ÉISTEACHTA: athrú this.state.front ó fíor go bréagach, bréagach a fíor. 564 00:27:34,136 --> 00:27:38,420 >> NEEL MEHTA: Yep, mar sin cibé this.front is-- é an stát tosaigh. 565 00:27:38,420 --> 00:27:40,930 Tóg an stát tosaigh, más rud é tá sé fíor, a dhéanamh bréagach é. 566 00:27:40,930 --> 00:27:42,530 Má tá sé bréagach, a dhéanamh fíor é, ceart? 567 00:27:42,530 --> 00:27:45,330 Mar sin, a ligean ar iarracht sin. 568 00:27:45,330 --> 00:27:48,240 >> Ní féidir leat athrú stáit ach ag déanamh this.state. 569 00:27:48,240 --> 00:27:50,380 Ní féidir leat é seo. 570 00:27:50,380 --> 00:27:52,030 Ní féidir leat é sin a. 571 00:27:52,030 --> 00:27:55,810 Caithfidh tú a úsáid le feidhm ar a dtugtar this.setState. 572 00:27:55,810 --> 00:28:03,230 >> Mar sin, is féidir leat a rá this.setState tosaigh colon seo más rud é, arís, an exclamation 573 00:28:03,230 --> 00:28:04,330 ciallaíonn pointe os coinne. 574 00:28:04,330 --> 00:28:07,420 Buille faoi thuairim mé más rud é seo. state.front Is fíor, beidh sé seal bréagach. 575 00:28:07,420 --> 00:28:09,170 Mar sin, beidh orainn a leagtar ar an stát ó fíor go bréagach. 576 00:28:09,170 --> 00:28:11,430 Má tá sé bréagach, beidh muid a leagtar bréagach é go fíor. 577 00:28:11,430 --> 00:28:17,210 >> Just a faoi deara go leagtha amach againn agus a fháil beagán éagsúil, agus mar sin a ligean ar iarracht seo. 578 00:28:17,210 --> 00:28:18,675 Bada bing, ag féachaint ar seo. 579 00:28:18,675 --> 00:28:21,810 Beidh an cnaipe smeach anois athrú ar an tosaigh stáit ar ais. 580 00:28:21,810 --> 00:28:24,990 >> Agus mar sin anseo nuair a fheiceann tú beagán de an draíocht React. 581 00:28:24,990 --> 00:28:28,420 Riamh Cosúil a dúirt muid é é a ath-sholáthar. 582 00:28:28,420 --> 00:28:30,910 Ní Dúradh linn é a ataispeáin rud ar bith. 583 00:28:30,910 --> 00:28:32,630 Má tá tú ag déanamh seo a gan React, gur mhaith leat 584 00:28:32,630 --> 00:28:34,588 Tá to-- cosúil nuair a bheidh an Tá an cnaipe smeach chliceáil, 585 00:28:34,588 --> 00:28:37,290 gur mhaith leat a insint é a de láimh ath-rindreáil, ceart? 586 00:28:37,290 --> 00:28:43,050 >> Imoibríonn i ndáiríre fionnuar i go má tá tú thabhairt dó stáit agus airíonna áirithe, 587 00:28:43,050 --> 00:28:45,760 Beidh sé i gcónaí a sholáthar an rud ceannann céanna. 588 00:28:45,760 --> 00:28:48,690 Agus mar sin nuair a muid riamh athraíonn muid an stát agus na hairíonna, 589 00:28:48,690 --> 00:28:50,819 imoibríonn ach ath-Rindreáil an rud ar fad. 590 00:28:50,819 --> 00:28:52,860 Fhios sé go bhfuil comhfhreagras duine-le-duine 591 00:28:52,860 --> 00:28:57,270 idir stáit agus paraiméadar agus HTML. 592 00:28:57,270 --> 00:29:00,110 Mar sin, aon uair a ceachtar de na athruithe ar ag trí stát leagtar, 593 00:29:00,110 --> 00:29:03,750 Beidh sé athrú ar conas an Tá pá ath-a rinneadh. 594 00:29:03,750 --> 00:29:06,650 Agus mar sin go bunúsach is Freagairt mhaith ag fanacht leat a athrú. 595 00:29:06,650 --> 00:29:09,870 >> Aon uair a athraíonn sé rud éigin, beidh sé ath-sholáthar ar an leathanach ar fad. 596 00:29:09,870 --> 00:29:12,480 Agus má fuaimeanna sé mí-éifeachtach, tá sé toisc go mbeadh sé a bheith, 597 00:29:12,480 --> 00:29:15,050 ach úsáideann imoibríonn rud dtugtar DOM Scáth. 598 00:29:15,050 --> 00:29:19,950 In ionad ag tarraingt go díreach ar an leathanach, sé Coinníonn an crann HTML fíorúil i gcuimhne. 599 00:29:19,950 --> 00:29:23,620 >> Tá a fhios agat, tá HTML cosúil le crann, cosúil le struchtúr sonraí ordlathach. 600 00:29:23,620 --> 00:29:28,990 Coinníonn sé crann falsa i gcuimhne, agus aon uair is tú thabhairt cothrom le dáta ar an leathanach, 601 00:29:28,990 --> 00:29:31,940 beidh sé a tharraingt falsa eile crann, agus beidh sé a ríomh 602 00:29:31,940 --> 00:29:35,120 cad a athrú ní mór é a dhéanamh ar an leathanach a dhéanamh ar an dá crainn comhionann. 603 00:29:35,120 --> 00:29:38,540 Mar sin, go bunúsach, sé beagnach ath-Rindreáil go leor. 604 00:29:38,540 --> 00:29:41,540 Agus ansin maith liom é athruithe ach an leathanach i tweaks beag mar is gá, 605 00:29:41,540 --> 00:29:44,240 mar sin tá sé an-, an-, an-éifeachtach. 606 00:29:44,240 --> 00:29:46,970 >> Mar sin, go bunúsach beidh React aon uair a athraíonn tú rud éigin, 607 00:29:46,970 --> 00:29:49,010 beidh sé ath-sholáthar ar an leathanach beagnach. 608 00:29:49,010 --> 00:29:52,830 Beidh sé figiúr amach cad is gá dom a athrú a dhéanamh ar an leathanach fíor a léiriú 609 00:29:52,830 --> 00:29:55,602 an leathanach fíorúil, agus beidh sé sin a dhéanamh. 610 00:29:55,602 --> 00:29:56,560 Sin an DOM fíorúil. 611 00:29:56,560 --> 00:29:59,350 Tá sé ar cheann de na is mó Gnéithe de React. 612 00:29:59,350 --> 00:30:00,880 >> Bhfuil ciall? 613 00:30:00,880 --> 00:30:01,540 Ceisteanna ar bith? 614 00:30:01,540 --> 00:30:02,040 Yeah? 615 00:30:02,040 --> 00:30:05,568 616 00:30:05,568 --> 00:30:08,969 >> LUCHT ÉISTEACHTA: Conas a dhéanann a chur i gcomparáid go fóill go dtí an MVC 617 00:30:08,969 --> 00:30:10,760 go labhair muid faoi roimh acmhainní cosúil. 618 00:30:10,760 --> 00:30:13,527 >> NEEL MEHTA: Yeah, an cheist é an chaoi a dhéanann sé i gcomparáid go MVC? 619 00:30:13,527 --> 00:30:14,610 D'iarr tú ar tí acmhainní. 620 00:30:14,610 --> 00:30:16,445 Bhuel, a ligean ar labhairt faoi conas feidhmeanna sé. 621 00:30:16,445 --> 00:30:18,190 >> I MVC, gur mhaith leat a thabhairt cothrom le dáta an tsamhail. 622 00:30:18,190 --> 00:30:20,560 Sa chás seo, ba mhaith linn a bheith samhail cárta. 623 00:30:20,560 --> 00:30:24,540 Ba mhaith leis an tuairim go bhfuil an cnaipe smeach, agus an rialú 624 00:30:24,540 --> 00:30:26,310 bheadh ​​an fheidhm smeach. 625 00:30:26,310 --> 00:30:28,450 Mar sin, bheadh ​​an dearcadh a rá leis an rialtóir smeach a smeach. 626 00:30:28,450 --> 00:30:30,370 Bheadh ​​Smeach rá leis an samhail a athrú, ceart? 627 00:30:30,370 --> 00:30:33,915 >> Agus mar sin nuair a dhéanann tú ar MVC, tú éisteacht le haghaidh an tsamhail a athrú, 628 00:30:33,915 --> 00:30:37,150 agus tú ag ath-sholáthar ar an tuairim dá réir sin. 629 00:30:37,150 --> 00:30:39,210 Nó tá tú díreach a mhaith Tá an rialtóir. 630 00:30:39,210 --> 00:30:42,418 Fan le haghaidh an tsamhail a athrú, agus ansin roghnú agus a roghnú mar chuid de cosúil le rud 631 00:30:42,418 --> 00:30:44,032 a athrú. 632 00:30:44,032 --> 00:30:45,740 Anseo ní mór dúinn rud amháin, ach i app mór, 633 00:30:45,740 --> 00:30:48,510 tá tú chun cuimhneamh ar cad is maith an t-athrú i ngach áit amháin, 634 00:30:48,510 --> 00:30:50,290 mar sin tá sé beagán annoying. 635 00:30:50,290 --> 00:30:53,670 Agus Freagairt mar sin tá deas toisc go bhfuil sé Dom Scáth. 636 00:30:53,670 --> 00:30:56,040 Is féidir é a thabhairt go dtí díreach Athscríobh an rud ar fad. 637 00:30:56,040 --> 00:30:58,680 Ní gá duit chun go roghnach cosúil le buille faoi thuairim a thabhairt cothrom le dáta. 638 00:30:58,680 --> 00:31:02,186 >> Ar Facebook más mian leat a fháil teachtaireacht nua, i MVC, 639 00:31:02,186 --> 00:31:04,060 gur mhaith leat a mheabhrú, OK, athrú ar na rudaí 640 00:31:04,060 --> 00:31:06,260 ag barr an leathanach, an icon teachtaireacht. 641 00:31:06,260 --> 00:31:08,290 Freisin pop fuinneog nua ag bun an leathanaigh. 642 00:31:08,290 --> 00:31:10,070 Chomh maith leis sin a dhéanamh rud nua sa bhfuinneog. 643 00:31:10,070 --> 00:31:11,060 Chomh maith leis sin imirt fuaime. 644 00:31:11,060 --> 00:31:13,150 >> Sin a lán de na rudaí ag dul amach ag an am céanna. 645 00:31:13,150 --> 00:31:15,320 Agus mar sin mura bhfuil tú mbeadh Dom Scáth, gur mhaith leat 646 00:31:15,320 --> 00:31:18,740 a dhéanamh go láimh mar gheall ar Ní féidir leat a fháil réidh leis an leathanach ar fad. 647 00:31:18,740 --> 00:31:21,430 Ní féidir leat a acmhainn a, ionas go mbeidh tú a athrú gach rud de láimh, 648 00:31:21,430 --> 00:31:23,990 atá i ndáiríre annoying i MVC. 649 00:31:23,990 --> 00:31:27,640 >> Mar sin, d'fhonn a bheith thrifty, siad go roghnach 650 00:31:27,640 --> 00:31:30,750 cothrom le dáta an leathanach, a bhfuil éifeachtach, ach freisin annoying. 651 00:31:30,750 --> 00:31:34,002 I React, mar gheall ar an Scáth Dom, gheobhaidh tú an dá rudaí saor in aisce. 652 00:31:34,002 --> 00:31:35,710 Tá sé éifeachtach mar gheall ar den Dom Scáth. 653 00:31:35,710 --> 00:31:37,210 Is é an tranglam cothrom le dáta an leathanach. 654 00:31:37,210 --> 00:31:40,292 Níl sé ag déanamh an ionramháil crann. 655 00:31:40,292 --> 00:31:41,250 A gheobhaidh tú an éifeachtacht. 656 00:31:41,250 --> 00:31:45,420 Tú a fháil freisin ar an éasca le húsáid mar gheall ar má tá tú ag athscríobh ach an leathanach ar fad, 657 00:31:45,420 --> 00:31:48,970 ach tá a fhios agat ach, ceart go léir, na rudaí ag dul a bheith ar an leathanach áit éigin. 658 00:31:48,970 --> 00:31:51,180 D'fhéadfadh sé a bheith in áit eile, ach sé ag dul a bheith ar an leathanach, ceart? 659 00:31:51,180 --> 00:31:52,860 Mar sin, tú díreach ath-a rinneadh an rud ar fad beagnach, 660 00:31:52,860 --> 00:31:55,540 agus d'fhéadfá a dhéanamh cúpla athruithe ar an leathanach é féin. 661 00:31:55,540 --> 00:31:57,850 >> Mar sin, arís, i MVC tú Bheadh ​​a roghnú 662 00:31:57,850 --> 00:32:01,840 idir éasca le húsáid agus éifeachtúlacht, agus React, gheobhaidh tú an dá. 663 00:32:01,840 --> 00:32:04,020 Mar sin, tá sé níos fearr. 664 00:32:04,020 --> 00:32:05,220 Ciall? 665 00:32:05,220 --> 00:32:06,676 Soladach. 666 00:32:06,676 --> 00:32:12,080 >> OK, mar sin a ligean ar a fheiceáil a ligean ar labhairt beagán faoi chéim 4, 667 00:32:12,080 --> 00:32:14,740 conas is féidir linn comhpháirteanna neadú. 668 00:32:14,740 --> 00:32:16,260 Mar sin, ní mór dúinn an ceart seo anois. 669 00:32:16,260 --> 00:32:19,420 Tá ár cnaipe beag cool. 670 00:32:19,420 --> 00:32:23,157 Is féidir linn a smeach sé ar ais agus amach, agus sin go léir a dhéanann sé. 671 00:32:23,157 --> 00:32:24,990 Ligean le rá ba mhaith linn a tá comhábhar eile. 672 00:32:24,990 --> 00:32:28,730 Ligean le rá ba chóir ár n-app spléach-chárta go bhfuil liosta de na cártaí 673 00:32:28,730 --> 00:32:31,520 go bhfuil tú, mar sin go ciallaíonn linn a Ba chóir go mbeadh comhpháirt eile. 674 00:32:31,520 --> 00:32:32,970 Bhuel, b'fhéidir glao sé liosta amharc. 675 00:32:32,970 --> 00:32:36,200 A ligean ar a dhéanamh ar liosta tuairim go coexists leis an CardView, 676 00:32:36,200 --> 00:32:39,680 agus an liosta a fheiceáil agus CardView Beidh mhaith obair le chéile. 677 00:32:39,680 --> 00:32:43,190 Agus is féidir leat iad a chur le chéile a dhéanamh ar ár n-app ar do shon. 678 00:32:43,190 --> 00:32:45,160 >> Mar sin, an chéad, a ligean ar a dhéanamh Cártaí lánúin níos ceart. 679 00:32:45,160 --> 00:32:46,370 A ligean ar rá, cad cártaí? 680 00:32:46,370 --> 00:32:49,619 681 00:32:49,619 --> 00:32:51,910 Agus díreach mar sin ní dóigh liom go bhfuil a rug tú leis clóscríobh sé i, 682 00:32:51,910 --> 00:32:53,410 Mé díreach tar éis ag dul a chóipeáil sé ó anseo. 683 00:32:53,410 --> 00:33:01,664 684 00:33:01,664 --> 00:33:03,580 Agus mar sin tá mé ag dul go dtí nach a thabhairt dó ach cárta amháin. 685 00:33:03,580 --> 00:33:06,910 Tá mé ag dul a thabhairt dó le sraith de chártaí. 686 00:33:06,910 --> 00:33:10,240 Mar sin, ar dtús leis an apps ag dul a bhriseadh do anois. 687 00:33:10,240 --> 00:33:14,717 Ceart go leor, mar sin táimid ag dul a dhéanamh seo in ann déileáil le cártaí iolrach. 688 00:33:14,717 --> 00:33:17,800 Mar sin an chéad, táimid ag dul a thabhairt dó, ní ach cárta amháin ach le sraith de chártaí, 689 00:33:17,800 --> 00:33:18,700 cosúil le liosta na cártaí. 690 00:33:18,700 --> 00:33:20,980 Agus sa chás seo, ní mór dúinn trí cinn acu. 691 00:33:20,980 --> 00:33:27,280 >> Ceart go leor, mar sin mar sin tá app ag dul a fháil ar na cártaí liosta, 692 00:33:27,280 --> 00:33:29,870 agus tá sé ag dul chun cinneadh a ceann amháin a thaispeáint ar an CardView. 693 00:33:29,870 --> 00:33:33,740 Is féidir leis an CardView ach rindreáil cárta amháin, ach an app 694 00:33:33,740 --> 00:33:37,610 Faigheann liosta de na cártaí, ceart? 695 00:33:37,610 --> 00:33:40,820 >> Mar sin, nuair a figiúr tú amach ceann cárta a thabhairt do CardView, 696 00:33:40,820 --> 00:33:44,660 conas a bheadh ​​leat buille faoi thuairim a d'fhéadfadh tú a bheith in ann chun cinneadh a dhéanamh faoi a chárta 697 00:33:44,660 --> 00:33:47,064 a thaispeáint? 698 00:33:47,064 --> 00:33:49,980 Chun a thabhairt duit leid, tá sé go sealadach Feicfidh tú a bheith ag breathnú cárta áirithe. 699 00:33:49,980 --> 00:33:53,260 Má athnuachan tú an leathanach, beidh tú ach dul ar ais chuig an chéad chárta. 700 00:33:53,260 --> 00:33:55,464 Sin ceart go leor mar tá sé sealadach. 701 00:33:55,464 --> 00:33:56,630 Cad teicníc bhféadfaimis a úsáid? 702 00:33:56,630 --> 00:34:02,534 703 00:34:02,534 --> 00:34:08,760 >> LUCHT ÉISTEACHTA: D'fhéadfá a dhéanamh athróg mar sin díreach mar a bhí tú os comhair. 704 00:34:08,760 --> 00:34:11,989 An bhfuil sé seo fíor, d'fhéadfaí tú ní mór ionann cárta reatha 1? 705 00:34:11,989 --> 00:34:14,150 >> NEEL MEHTA: Yeah, mar sin againn ag iarraidh a bheith acu stáit, ceart? 706 00:34:14,150 --> 00:34:16,080 Ba mhaith leat úsáid a bhaint as stát sa a chomhdhéanann í a dhéanamh amach 707 00:34:16,080 --> 00:34:17,288 a cárta ar mhaith linn a fháil. 708 00:34:17,288 --> 00:34:19,290 Cosúil ní mór dúinn liosta de na cártaí, beidh muid a 709 00:34:19,290 --> 00:34:21,630 úsáid a bhaint as stát a dhéanamh amach ar cheann de na chéad chárta, 710 00:34:21,630 --> 00:34:23,710 an dara cárta, an tríú cárta, agus mar sin de. 711 00:34:23,710 --> 00:34:28,760 >> Mar sin, app a fhágann go mbeidh app a fháil ar tá an fheidhm getInitialState, 712 00:34:28,760 --> 00:34:35,020 ar ais fheidhm getInitialState. 713 00:34:35,020 --> 00:34:39,929 Agus beidh orainn a rá ach activeIndex 0. 714 00:34:39,929 --> 00:34:42,889 Mar sin, anois tá sé ar stát féin ár app. 715 00:34:42,889 --> 00:34:47,179 >> Agus a sholáthar mar sin anois ar, a dhéanamh amach cárta, a ligean ar dul díreach go dtí an eagar 716 00:34:47,179 --> 00:34:49,969 agus grab an rud ag an innéacs. 717 00:34:49,969 --> 00:34:53,580 Roghnaigh cárta this.props.cards comhionann this.state.activeIndex. 718 00:34:53,580 --> 00:34:56,469 719 00:34:56,469 --> 00:35:00,162 Mar sin, mar a fheiceann tú anseo, an props agus an stát obair i ndáiríre le chéile. 720 00:35:00,162 --> 00:35:08,990 Mar sin anois go bhfuil muid ár n-activeCard, beidh muid ag glaoch air activeCard, 721 00:35:08,990 --> 00:35:10,470 agus a ligean ar a fheiceáil má oibríonn sé seo. 722 00:35:10,470 --> 00:35:20,320 723 00:35:20,320 --> 00:35:20,820 [Inaudible] 724 00:35:20,820 --> 00:35:41,504 725 00:35:41,504 --> 00:35:44,900 >> Ó, bhí go earráid téacs. 726 00:35:44,900 --> 00:35:45,400 Ah. 727 00:35:45,400 --> 00:35:51,420 728 00:35:51,420 --> 00:35:54,840 >> Cool, yep, mar sin anois bhí muid ar ais go áit a raibh muid roimh, ceart? 729 00:35:54,840 --> 00:35:57,100 Gclár céanna d'aois ach amháin anois is féidir linn tacaíocht a thabhairt 730 00:35:57,100 --> 00:35:59,390 liosta de na cártaí, ní hamháin cárta amháin. 731 00:35:59,390 --> 00:36:04,130 Agus anois, arís, má athraíonn muid an activeIndex, is féidir linn dul ó 0 go 1, 732 00:36:04,130 --> 00:36:07,330 agus anois go bhfuil an dara cárta, agus ansin chuaigh muid go dtí 0. 733 00:36:07,330 --> 00:36:10,390 Mar sin, tá anseo nua souped-suas leagan ar ár. 734 00:36:10,390 --> 00:36:16,000 >> OK, a ligean mar sin anois ar a bhfuil liosta tuairim go Taispeánann na cártaí i do chlár, 735 00:36:16,000 --> 00:36:19,980 mar sin beidh muid a dhéanamh nua a chomhdhéanann í ar a dtugtar ListView. 736 00:36:19,980 --> 00:36:22,155 Lig ListView cothrom react.createClass. 737 00:36:22,155 --> 00:36:32,890 738 00:36:32,890 --> 00:36:38,800 Mar sin, ba mhaith linn a sholáthar ar gan ord liosta le mír liosta le haghaidh gach cárta. 739 00:36:38,800 --> 00:36:41,490 Agus mar sin ní mór dúinn a bunch cártaí. 740 00:36:41,490 --> 00:36:44,990 Ba mhaith linn mír liosta amháin le haghaidh gach cárta, ceart? 741 00:36:44,990 --> 00:36:47,490 D'fhéadfadh muid a dhéanamh do lúb nó rud éigin a dhéanamh le mír liosta nua. 742 00:36:47,490 --> 00:36:50,522 Ach ar an mbealach a dhéanann tú é i Freagairt, bain úsáid as rud ar a dtugtar léarscáil. 743 00:36:50,522 --> 00:36:57,150 Is Líne uirlis nó feidhm a úsáideann tú gur le haghaidh gach ítim Ritheann, roinnt feidhm, 744 00:36:57,150 --> 00:36:59,510 Bíonn luach ar ais, agus Tugann tú go ais. 745 00:36:59,510 --> 00:37:06,310 >> Mar sin, mar shampla, ní mór dúinn an eagar 1, 2, function-- 3.map agus tá sé seo 746 00:37:06,310 --> 00:37:12,120 Tá luathscríbhinn do function-- x arrow x amanna x. 747 00:37:12,120 --> 00:37:16,110 Deir sé seo, le haghaidh gach uimhir i 1, 2, 3, a chur air. 748 00:37:16,110 --> 00:37:17,800 Cearnach é, agus a thabhairt dó ar ais. 749 00:37:17,800 --> 00:37:22,090 Mar sin, cad a cheapann tú 1, 2, téann 3.map x amanna x 750 00:37:22,090 --> 00:37:25,480 x Tugann tú thabhairt ar ais go bhfuil an fheidhm seo 751 00:37:25,480 --> 00:37:27,680 reáchtáil ar gach gné den eagar. 752 00:37:27,680 --> 00:37:30,837 753 00:37:30,837 --> 00:37:32,190 >> LUCHT ÉISTEACHTA: 1, 4 9? 754 00:37:32,190 --> 00:37:35,709 >> NEEL MEHTA: Yep, 1, 4, 9 mar a dhéanann tú 1 uair 1. 755 00:37:35,709 --> 00:37:36,500 Go dtabharfaidh tú ceann. 756 00:37:36,500 --> 00:37:37,690 Sin an chéad eilimint. 757 00:37:37,690 --> 00:37:38,530 >> Is 2 uair 2 4. 758 00:37:38,530 --> 00:37:39,570 Sin an dara gné. 759 00:37:39,570 --> 00:37:40,310 9 3 huaire 3. 760 00:37:40,310 --> 00:37:41,540 Sin an tríú gné. 761 00:37:41,540 --> 00:37:42,640 Ciall? 762 00:37:42,640 --> 00:37:45,015 Mar sin, tá léarscáil teicníocht tú úsáid i ríomhchláraitheoirí feidhme, 763 00:37:45,015 --> 00:37:48,090 an stíl nua de cláir rud éigin a dhéanamh 764 00:37:48,090 --> 00:37:50,500 le gach gné i do liosta. 765 00:37:50,500 --> 00:37:51,970 Agus mar sin fuaimeanna seo eolas. 766 00:37:51,970 --> 00:37:53,370 Ní mór dúinn liosta de na cártaí. 767 00:37:53,370 --> 00:37:56,860 Is mian linn a fháil mír liosta le haghaidh gach amháin, mar sin beidh orainn a úsáid ach léarscáil anseo. 768 00:37:56,860 --> 00:38:00,250 Beidh orainn a rá, a ligean liosta ionann this.props, cártaí, léarscáil. 769 00:38:00,250 --> 00:38:10,580 770 00:38:10,580 --> 00:38:15,070 >> Agus tugadh amhlaidh cárta, tá muid ag dul a ghiniúint mír liosta 771 00:38:15,070 --> 00:38:17,580 leis an gcárta sin ar th taobh de. 772 00:38:17,580 --> 00:38:20,660 Ligean le rá ach ba mhaith linn a thabhairt i gcrích na cártaí a cheistiú amhlaidh card.question. 773 00:38:20,660 --> 00:38:24,990 774 00:38:24,990 --> 00:38:30,649 Mar sin, tá an liosta seo ar sraith de LI nó Liosta Míreanna 775 00:38:30,649 --> 00:38:32,440 i gcás ina níl liosta amháin mír le haghaidh gach cárta, 776 00:38:32,440 --> 00:38:35,150 agus go bhfuil an cheist cártaí. 777 00:38:35,150 --> 00:38:37,640 Ciall? 778 00:38:37,640 --> 00:38:39,450 >> Cool, mar sin a ligean anois ar phriontáil ndáiríre go amach. 779 00:38:39,450 --> 00:38:46,521 Mar sin, beidh muid ar ais ar ul. 780 00:38:46,521 --> 00:38:49,020 Inside an liosta sin gan ord, beidh orainn a bata ach an liosta iomlán 781 00:38:49,020 --> 00:38:49,890 gur thug siad dúinn. 782 00:38:49,890 --> 00:38:52,851 783 00:38:52,851 --> 00:38:53,350 Cool. 784 00:38:53,350 --> 00:38:56,060 >> Ceart go leor, mar sin anois an oibreacha fhonn liosta a fháil ach. 785 00:38:56,060 --> 00:38:59,842 Ceisteanna ar bith maidir leis an liosta d'fhonn? 786 00:38:59,842 --> 00:39:01,270 Tá tú a bunch cártaí. 787 00:39:01,270 --> 00:39:02,800 A dhéanann tú mír liosta le haghaidh gach cárta. 788 00:39:02,800 --> 00:39:05,466 Agus chuir tú iad taobh istigh gan ord liosta, agus a thabhairt duit ar ais. 789 00:39:05,466 --> 00:39:09,410 Mar sin, anois a ligean ar gníomhú mar sin againn a leabú an taobh istigh den ár app, 790 00:39:09,410 --> 00:39:14,310 ionas gur féidir linn é seo a, liosta tuairim. 791 00:39:14,310 --> 00:39:17,070 Cad argóint dhéanaimid pas d'fhonn a liostú? 792 00:39:17,070 --> 00:39:18,320 Cad iad na hairíonna féidir linn a thabhairt dó? 793 00:39:18,320 --> 00:39:25,111 794 00:39:25,111 --> 00:39:26,860 Cuimhnigh, má thugann tú sé a bunch cártaí, 795 00:39:26,860 --> 00:39:29,590 beidh sé a dhéanamh ar an liosta féachaint do na cártaí. 796 00:39:29,590 --> 00:39:32,267 Mar sin, cad ba mhaith linn a pas anseo mar an argóint? 797 00:39:32,267 --> 00:39:33,350 LUCHT ÉISTEACHTA: Tá liosta de na cártaí? 798 00:39:33,350 --> 00:39:37,130 NEEL MEHTA: Yeah, cártaí sin ionann this.props.cards, ceart? 799 00:39:37,130 --> 00:39:39,850 800 00:39:39,850 --> 00:39:44,370 Agus mar sin an fhadhb atá ann ach is é sin is féidir leat ach 801 00:39:44,370 --> 00:39:48,600 iompaithe eilimint barr leibhéal amháin i rindreáil, mar sin tá tú chun Timfhilleadh sé i div. 802 00:39:48,600 --> 00:39:49,100 Tá sé aisteach. 803 00:39:49,100 --> 00:39:56,190 804 00:39:56,190 --> 00:39:57,530 Mar sin a ligean ar a fheiceáil más rud é go. 805 00:39:57,530 --> 00:40:09,790 806 00:40:09,790 --> 00:40:10,560 Nach bhfuil ag obair? 807 00:40:10,560 --> 00:40:29,774 808 00:40:29,774 --> 00:40:31,030 >> Yep, tá tú ag dul. 809 00:40:31,030 --> 00:40:33,700 Mar sin, anois ní mór dúinn liosta cártaí ag bun, 810 00:40:33,700 --> 00:40:36,180 agus ansin ní mór dúinn ár CardView féin ar barr, 811 00:40:36,180 --> 00:40:40,486 agus a smeach idir an dá thaobh an chárta. 812 00:40:40,486 --> 00:40:42,610 Anois a dhéanann chiall sin a dhéanamh conas a rinne mé é sin? 813 00:40:42,610 --> 00:40:45,165 814 00:40:45,165 --> 00:40:46,790 Yeah, mar sin arís, tá dhá chomhpháirt. 815 00:40:46,790 --> 00:40:49,666 An chéad priontaí chomhpháirt amach gach cárta sa liosta. 816 00:40:49,666 --> 00:40:50,540 Sin an liosta tuairim. 817 00:40:50,540 --> 00:40:54,770 Agus an dara comhábhar priontaí amach go díreach chárta. 818 00:40:54,770 --> 00:40:58,840 Má thugann tú é cárta áirithe, beidh sé phriontáil amach eolas faoi sin chárta 819 00:40:58,840 --> 00:41:01,870 agus lig tú smeach ar ais agus amach. 820 00:41:01,870 --> 00:41:05,850 >> Mar sin, más mian linn, is féidir linn iarracht a dhéanamh agus labhairt faoi ​​cur roinnt gnéithe nua leis seo. 821 00:41:05,850 --> 00:41:09,482 Seachas sin is féidir linn labhairt le beagán níos faoi ​​ar an treoluas imoibreoir, 822 00:41:09,482 --> 00:41:11,190 nó is féidir linn a fhreagairt ceisteanna a bheadh ​​agat 823 00:41:11,190 --> 00:41:15,050 mar gheall ar na bhfuil gach ceann de na codanna lárnacha de imoibríonn gur mhaith liom a labhairt faoi. 824 00:41:15,050 --> 00:41:16,540 Is féidir linn dul ar aghaidh. 825 00:41:16,540 --> 00:41:17,590 Is féidir linn a ceisteanna a fhreagairt. 826 00:41:17,590 --> 00:41:18,560 Cibé a mhaith leat. 827 00:41:18,560 --> 00:41:21,694 828 00:41:21,694 --> 00:41:24,205 >> LUCHT ÉISTEACHTA: An féidir leat é a úsáid JSX i gnáth JavaScript? 829 00:41:24,205 --> 00:41:27,150 Nó go bhfuil rud éigin go tháinig leis an [inaudible]? 830 00:41:27,150 --> 00:41:30,760 >> NEEL MEHTA: Is í an cheist féidir úsáideann tú JSX le gnáth JavaScript? 831 00:41:30,760 --> 00:41:32,620 Is é an freagra yes. 832 00:41:32,620 --> 00:41:41,070 Is JSX ach ar bhealach de sé thógann do JavaScript go bhfuil HTML taobh istigh de sé, 833 00:41:41,070 --> 00:41:44,215 agus tiomsaíonn sé i JavaScript a Níl HTML taobh istigh de sé. 834 00:41:44,215 --> 00:41:47,880 Mar sin, faoi deara that-- sin faoi deara anseo. 835 00:41:47,880 --> 00:41:50,820 Breathnaíonn sé seo cosúil go bhfuil tú cosúil le div agus tá tú rudaí taobh istigh de sé. 836 00:41:50,820 --> 00:41:54,970 >> Go Tiomsaíonn go JavaScript a cosúil leis Gineann an rud céanna. 837 00:41:54,970 --> 00:41:59,590 Buille faoi thuairim mé cad mé ag rá go bhfuil Is JSX ach syntactic, mar tá sé 838 00:41:59,590 --> 00:42:03,530 a réamhphróiseálaí do JavaScript bhfad cosúil le PHP Is réamhphróiseálaí do HTML. 839 00:42:03,530 --> 00:42:05,490 Is JSC ina réamhphróiseálaí as JavaScript a ligeann 840 00:42:05,490 --> 00:42:12,970 chuir tú HTML taobh istigh de do JavaScript. 841 00:42:12,970 --> 00:42:16,425 Agus mar sin má tá tú ar an claochladán ceart a bhfuil an rud ar a dtugtar [inaudible], 842 00:42:16,425 --> 00:42:17,300 a bheidh athrú. 843 00:42:17,300 --> 00:42:19,360 An réamhphróiseálaí ceart, beidh sé in iúl a dhéanann tú sin. 844 00:42:19,360 --> 00:42:20,235 >> LUCHT ÉISTEACHTA: [inaudible] 845 00:42:20,235 --> 00:42:23,026 NEEL MEHTA: De ghnáth ní gá duit HTML a chur taobh istigh de JavaScript 846 00:42:23,026 --> 00:42:24,110 mura rud é do dhéanamh React. 847 00:42:24,110 --> 00:42:27,146 Ach is féidir leat é a dhéanamh ar aon nós. 848 00:42:27,146 --> 00:42:27,645 Yep? 849 00:42:27,645 --> 00:42:29,353 >> LUCHT ÉISTEACHTA: Sílim go bhfuil tú Bhí cur síos React 850 00:42:29,353 --> 00:42:31,970 mar theanga programing feidhmiúil. 851 00:42:31,970 --> 00:42:35,646 Táimid iontach foghlama C i CS50. 852 00:42:35,646 --> 00:42:38,032 Is C freisin teanga feidhmiúil? 853 00:42:38,032 --> 00:42:39,990 NEEL MEHTA: Mar sin, an cheist Is faoi feidhmiúil 854 00:42:39,990 --> 00:42:43,010 versus rud eile ar a dtugtar cláir ordaitheach nó nós imeachta. 855 00:42:43,010 --> 00:42:44,820 Níl dhá chineál de chláir tóir. 856 00:42:44,820 --> 00:42:48,550 One ar a dtugtar nós imeachta, a ar fad faoi nós orduithe a dhéanamh, 857 00:42:48,550 --> 00:42:51,510 agus tá sé ar cheann feidhmiúil, a bhfuil gach gheall ar a bhfuil feidhmeanna agus a bhfuil 858 00:42:51,510 --> 00:42:52,930 ionchur agus aschur na ndaoine. 859 00:42:52,930 --> 00:42:55,930 Is freagairt a paraidím feidhmiúil. 860 00:42:55,930 --> 00:42:58,010 Gurb é C paraidím an-nós imeachta. 861 00:42:58,010 --> 00:43:02,360 >> Agus mar shampla, C mar shampla, Ní gá duit a dhéanamh ar an mbealach seo declarative 862 00:43:02,360 --> 00:43:04,390 dhéanamh ar an gclár, ceart? 863 00:43:04,390 --> 00:43:06,826 Caithfidh tú a rá, a phriontáil seo. 864 00:43:06,826 --> 00:43:07,950 Athraigh struchtúr seo sonraí. 865 00:43:07,950 --> 00:43:08,530 Priontáil seo. 866 00:43:08,530 --> 00:43:10,160 Tá sé faoi gach orduithe. 867 00:43:10,160 --> 00:43:12,640 >> I React, ní níl go leor orduithe. 868 00:43:12,640 --> 00:43:15,145 Tá sé ar fad faoi a bhfuil comhpháirteanna a chuir tú le chéile. 869 00:43:15,145 --> 00:43:16,300 Tá siad cosúil le feidhmeanna. 870 00:43:16,300 --> 00:43:26,360 Tá tú cosúil le feidhm ar a dtugtar CardView, 871 00:43:26,360 --> 00:43:28,680 a bhfuil feidhm go bhfuil ionchur, aschur, 872 00:43:28,680 --> 00:43:30,660 agus mar sin tá gach React faoi ​​seo fhealsúnacht 873 00:43:30,660 --> 00:43:32,700 dúinn having-- a bhfuil tú na sonraí. 874 00:43:32,700 --> 00:43:34,910 Éiríonn leat é tríd an algartam, agus é go mbainfidh 875 00:43:34,910 --> 00:43:36,800 HTML aschur go bhfuil tú ach clóite ar an leathanach, 876 00:43:36,800 --> 00:43:39,180 agus mar sin tá tú chun thógáil píosa le píosa. 877 00:43:39,180 --> 00:43:42,800 >> Mar sin, a tharraingt meafar leis an méid a A dúirt mé cheana, tá a fhios agat conas 878 00:43:42,800 --> 00:43:47,050 ar Facebook má fhaigheann tú teachtaireacht, agus a roghnaíonn tú cad codanna a thabhairt cothrom le dáta, 879 00:43:47,050 --> 00:43:47,882 go nós imeachta. 880 00:43:47,882 --> 00:43:48,840 Tá sé riachtanach, ceart? 881 00:43:48,840 --> 00:43:49,806 OK, fuair mé teachtaireacht. 882 00:43:49,806 --> 00:43:50,930 A ligean ar athrú áireamh ann. 883 00:43:50,930 --> 00:43:52,110 >> A ligean ar pop fuinneog anseo. 884 00:43:52,110 --> 00:43:52,780 A ligean ar athrú áireamh ann. 885 00:43:52,780 --> 00:43:53,700 A ligean ar a tharraingt seo anseo. 886 00:43:53,700 --> 00:43:55,220 Sin cur chuige nós imeachta. 887 00:43:55,220 --> 00:44:00,240 >> Sin an méid rudaí cosúil uilleach, Treisiú, Backbone, bain úsáid as creataí eile. 888 00:44:00,240 --> 00:44:01,200 Imoibríonn Is feidhmiúil. 889 00:44:01,200 --> 00:44:03,324 Tá sé ar bhealach an-difriúil de ag smaoineamh faoi rudaí. 890 00:44:03,324 --> 00:44:07,950 Bíonn sé an smaoineamh seo de a ligean ar bhfuil feidhmeanna nó halgartaim go mbeidh tú 891 00:44:07,950 --> 00:44:08,800 thabhairt dó sonraí. 892 00:44:08,800 --> 00:44:11,820 Beidh sé spit amach cad é Ba chóir go mbeadh, agus an ríomhaire 893 00:44:11,820 --> 00:44:13,490 Beidh cúram a ghlacadh de mheá amach. 894 00:44:13,490 --> 00:44:15,890 Ní gá duit a láimhseáil é féin. 895 00:44:15,890 --> 00:44:18,470 An bhfuil a dhéanamh le beagán de chiall? 896 00:44:18,470 --> 00:44:18,970 Yeah? 897 00:44:18,970 --> 00:44:24,180 >> LUCHT ÉISTEACHTA: I theanga feidhme, gach rud a tharlaíonn ag an am céanna? 898 00:44:24,180 --> 00:44:26,800 >> NEEL MEHTA: No, rudaí a tharlóidh in ord. 899 00:44:26,800 --> 00:44:29,320 Cosúil anseo níl fós a ordú, ach ní dhéanann sé 900 00:44:29,320 --> 00:44:32,390 tarlú in ord mhaith Molaim, ordú, ordú. 901 00:44:32,390 --> 00:44:36,459 A tharlaíonn sé in ord Tugann feidhm aschur tú. 902 00:44:36,459 --> 00:44:37,750 Cuir go isteach an fheidhm eile. 903 00:44:37,750 --> 00:44:39,550 Cuir sin isteach i gceann eile fheidhm, feidhm eile. 904 00:44:39,550 --> 00:44:41,470 >> Má dhéanann tú CS51, beidh tú Cláir feidhme a fhoghlaim 905 00:44:41,470 --> 00:44:42,886 a amach beag de raon feidhme an. 906 00:44:42,886 --> 00:44:45,090 Ach go bunúsach, cad a dhéanann Imoibríonn Is fionnuar ní hamháin 907 00:44:45,090 --> 00:44:46,840 an sreabhadh sonraí aon-bhealach agus an Dom fíorúil, 908 00:44:46,840 --> 00:44:48,700 ach chomh maith leis an smaoineamh cláir feidhme. 909 00:44:48,700 --> 00:44:51,720 Agus is é cláir feidhme an-éasca a chumadh agus a chur stuif fuarú as, 910 00:44:51,720 --> 00:44:53,844 agus tá sé an-éasca chun smaoineamh faoi ​​agus cúis faoi. 911 00:44:53,844 --> 00:44:55,450 Mar sin, tá sé tharraingt maith eile de React. 912 00:44:55,450 --> 00:44:58,489 913 00:44:58,489 --> 00:44:59,280 Ceisteanna ar bith níos mó? 914 00:44:59,280 --> 00:45:02,650 915 00:45:02,650 --> 00:45:03,150 Yeah? 916 00:45:03,150 --> 00:45:06,840 >> LUCHT ÉISTEACHTA: Um, cén fáth go mbeadh tú úsáid a ligean seachas ar var? 917 00:45:06,840 --> 00:45:10,450 >> NEEL MEHTA: Mar sin, tá an cheist cén fáth a bhfuil tú ag úsáid a ligean in áit var? 918 00:45:10,450 --> 00:45:13,220 Is é seo an rud ar a dtugtar ES6 nó ECMAScript 6. 919 00:45:13,220 --> 00:45:15,820 Tá sé an leagan nua de JavaScript. 920 00:45:15,820 --> 00:45:19,050 Níl a bunch de chúiseanna teicniúla, ach tá ligean ar leagan níos fearr de var. 921 00:45:19,050 --> 00:45:20,724 >> Tá sé conas a dhearbhú tú athróg. 922 00:45:20,724 --> 00:45:21,390 Is féidir leat é a úsáid a ligean. 923 00:45:21,390 --> 00:45:22,140 Is féidir leat é a úsáid var. 924 00:45:22,140 --> 00:45:23,825 Lig Tá a bunch de theicniúil reasons-- is féidir leat iad a chuardach 925 00:45:23,825 --> 00:45:25,610 suas later-- le haghaidh fáth go bhfuil sé níos fearr. 926 00:45:25,610 --> 00:45:28,780 Go bunúsach, tá ES6 roinnt deas error nua, roinnt gnéithe nua 927 00:45:28,780 --> 00:45:30,720 ar bharr an JavaScript d'aois. 928 00:45:30,720 --> 00:45:32,782 >> Mar sin, tá cosúil le cúig nóiméad againn. 929 00:45:32,782 --> 00:45:34,990 Bhí mé díreach chun labhairt faoi rud amháin níos mó fíor go tapa. 930 00:45:34,990 --> 00:45:36,450 Má bhí aon cheist agat, a ligean ar labhairt faoi sé tar éis seo. 931 00:45:36,450 --> 00:45:38,366 Ach amháin mar sin faigheann sé seo ghabhtar ar ceamara, mé díreach tar éis 932 00:45:38,366 --> 00:45:41,550 ag iarraidh a labhairt le beagán faoi conas tú úsáid iarbhír Freagairt i do apps. 933 00:45:41,550 --> 00:45:47,220 934 00:45:47,220 --> 00:45:58,640 >> Má théann tú anseo, Facebook.GitHub.IO/react, 935 00:45:58,640 --> 00:46:03,320 is é seo an leathanach baile le haghaidh React, agus beidh sé léiríonn tú conas a úsáideann tú i ndáiríre 936 00:46:03,320 --> 00:46:05,320 Freagairt i do leathanaigh. 937 00:46:05,320 --> 00:46:08,845 Go bunúsach, tá sé ina beagán casta ag iarraidh a shuiteáil React. 938 00:46:08,845 --> 00:46:12,300 Níl sé chomh héasca agus is leat a tharraingt díreach agus titim JavaScript ann. 939 00:46:12,300 --> 00:46:15,890 >> Tá tú go bhfuil do claochladán arna chur ar bun, a bheidh, mar a rinne sé roimh, 940 00:46:15,890 --> 00:46:18,120 cas do JSX isteach an JavaScript gnáth. 941 00:46:18,120 --> 00:46:21,030 Tá tú a rud Feicfidh go thiomsú ES6 tú gnáthriocht. 942 00:46:21,030 --> 00:46:24,720 JavaScript níl a lán de ag gluaiseacht páirteanna bhfuil tú a dhéanamh, mar sin níl rud 943 00:46:24,720 --> 00:46:27,200 ar a dtugtar Yeoman, Yeoman.io. 944 00:46:27,200 --> 00:46:31,110 Agus tá sé seo uirlis-orduithe a Feicfidh cabhrú leat scafall amach do React 945 00:46:31,110 --> 00:46:32,380 tionscadail go héasca. 946 00:46:32,380 --> 00:46:38,660 >> Mar sin, is féidir leat léamh faoi seo ina dhiaidh sin, ach tá roinnt uirlisí 947 00:46:38,660 --> 00:46:40,160 go dtugann Yeoman. 948 00:46:40,160 --> 00:46:43,280 Beidh siad in iúl duit a chruthú ar React app le gach rud tógtha i. 949 00:46:43,280 --> 00:46:46,030 Cosúil beidh sé tar éis tógtha i, comhpháirteanna a tógadh i. 950 00:46:46,030 --> 00:46:47,880 Beidh sé a bheith do claochladán a tógadh i. 951 00:46:47,880 --> 00:46:50,699 Tá siad a lán de fionnuar stuif a tógadh i go huathoibríoch 952 00:46:50,699 --> 00:46:52,240 ag baint úsáide as na rudaí seo ar a dtugtar gineadóirí. 953 00:46:52,240 --> 00:46:54,620 >> Mar sin, a léamh faoi seo más mian leat. 954 00:46:54,620 --> 00:46:59,110 Ach dul ar Yeoman, Y-E-O-M-A-N, agus Is féidir leat teacht gineadóirí mar seo. 955 00:46:59,110 --> 00:47:01,263 Agus le gineadóirí cosúil seo, is mian leat ach ceann amháin 956 00:47:01,263 --> 00:47:03,010 Is orduithe líne a ordú lánúin. 957 00:47:03,010 --> 00:47:05,530 Beidh sé scafall amach fad React app ar do shon. 958 00:47:05,530 --> 00:47:10,470 Beidh sé a fháil ar fad ar an píobaireachta láimhe, agus obair grunt déanta ar do shon, 959 00:47:10,470 --> 00:47:13,010 agus sin é an fáth tú ag díriú ach ar díreach ag scríobh i React. 960 00:47:13,010 --> 00:47:16,739 >> Mar sin, a thógáil go bunúsach Imoibríonn Is app nontrivial. 961 00:47:16,739 --> 00:47:19,530 Tá sé seo wired go léir le chéile, ach tá Tá uirlisí beidh a dhéanamh duit. 962 00:47:19,530 --> 00:47:23,070 Mar sin, más mian leat a dhéanamh ar React app, bain triail dhéanamh mar sin. 963 00:47:23,070 --> 00:47:26,360 Más mian leat ach chun triail, is féidir leat triail baint úsáide as an CodePen 964 00:47:26,360 --> 00:47:28,550 toisc go bhfuil sé seo CodePen go léir an imoibríonn sreangú. 965 00:47:28,550 --> 00:47:30,240 Mé a rinneadh an obair ar fad ar do shon cheana. 966 00:47:30,240 --> 00:47:34,610 >> Mar sin, más mian leat a dhéanamh mar a bheadh táirgeadh a scaoileadh React app, 967 00:47:34,610 --> 00:47:37,220 déan iarracht ar cheann de na gineadóirí. 968 00:47:37,220 --> 00:47:40,240 Más mian leat ach a imirt timpeall, tá sé go minic is fiú ach 969 00:47:40,240 --> 00:47:44,490 cosúil le triail ag seinm ar fud ar CodePen anseo. 970 00:47:44,490 --> 00:47:45,470 Fuaim maith? 971 00:47:45,470 --> 00:47:45,970 Cool. 972 00:47:45,970 --> 00:47:47,890 >> Mar sin tá go léir a bhfuil mé. 973 00:47:47,890 --> 00:47:52,470 Arís, tá gach an cód agus samplaí ag dul a bheith ar an suíomh gréasáin anseo. 974 00:47:52,470 --> 00:47:55,509 Mar sin, arís, ní raibh muid ag caint faoi ​​error bhfad React, 975 00:47:55,509 --> 00:47:57,550 ach a aimsiú dóibh siúd go léir sonraí beag comhréire, 976 00:47:57,550 --> 00:48:00,320 tá sé ar fad ag dul a bheith ar fáil ar an suíomh gréasáin seo anseo. 977 00:48:00,320 --> 00:48:02,660 >> Mar sin, ba mhaith liom a mholadh ar nós ghlacadh an chéad chéim. 978 00:48:02,660 --> 00:48:06,277 Cuir sé isteach i do CodePen. 979 00:48:06,277 --> 00:48:08,110 Bain triail as ag obair ar a dhéanamh sé leis an dara céim. 980 00:48:08,110 --> 00:48:11,310 Níl ceathrú céim, agus díreach a fheiceáil nuair a gheobhaidh tú ó sin. 981 00:48:11,310 --> 00:48:14,840 >> Ceisteanna ar bith níos mó, seiceáil amach go leathanach nó ríomhphost chugam. 982 00:48:14,840 --> 00:48:16,490 Sin mo ríomhphost. 983 00:48:16,490 --> 00:48:19,885 Ach ba mhaith liom grá chun cabhrú leat le haon ceisteanna a bheadh ​​agat faoi React. 984 00:48:19,885 --> 00:48:21,010 Mar sin, yep, go léir agam. 985 00:48:21,010 --> 00:48:23,410 Go raibh míle maith agat go léir go mór do ag faire nó chun freastal. 986 00:48:23,410 --> 00:48:26,820 Agus beidh mé a ghlacadh ar aon cheisteanna a bheadh ​​agat i ndiaidh an anois. 987 00:48:26,820 --> 00:48:29,140 Mar sin, go raibh maith agaibh go léir as ag faire. 988 00:48:29,140 --> 00:48:31,270