>> [Ag seinm ceoil]
>> NEEL MEHTA: Anseo Téann sé.
>> Bhuel, gach duine, fáilte roimh gréasáin apps den todhchaí le React.
Is é seo an CS50.
Is é mo ainm Neel.
Tá mé ina TA haghaidh CS50 agus sophomore i gColáiste Harvard agus an-, an-
forbróir gréasáin paiseanta.
Mar sin, tá mé an-spreagúil go a bheith ag caint le tú inniu,
cibé an bhfuil tú anseo nó sa bhaile ag breathnú, thart Freagairt, a bhfuil, arís
mar a dúirt mé, an todhchaí na apps gréasáin.
>> Mar sin, tá React creatlach gréasáin.
Agus mar bhí mé ag insint le roinnt daoine anseo,
Is creat ach leagtar na n-uirlisí is féidir leat úsáid
chun struchtúr agus a thógáil do app gréasáin.
Agus tá apps gréasáin, arís, láithreáin ghréasáin atá idirghníomhach cosúil le Facebook,
Twitter.com, Instagram.com, is cuma cad.
>> Dá bhrí sin tá Facebook creat gréasáin go fhorbair Facebook
cúpla bliain back-- React é.
Baineann sé le bheith in úsáid ó shin i Facebook ar a n-apps soghluaiste
agus an app gréasáin, Instagram.
Is khan Academy eile uchtaitheoir go luath suntasaí de React.
>> Baineann sé le bheith i ndáiríre ag fáil an-tóir.
Má tá tú úsáid riamh rudaí cosúil uilleach nó Cnámh droma, is é seo den teaghlach céanna,
ach tá sé i bhfad ó shin outstrip n-tóir.
Tá sé an rud nua te.
Tá sé i ndáiríre, i ndáiríre ollmhór.
>> Agus mar sin React is maith ní hamháin mar creat gréasáin le haghaidh comhéadan tógála.
Tá sé go maith le haghaidh tógála comhéadain gréasáin.
Tá an rud ann freisin ar a dtugtar React Dúchasach a
ligeann tú a thógáil comhéadain do Android agus iOS
agus ardáin b'fhéidir eile sa todhchaí ag baint úsáide as ach an cód JavaScript céanna.
D'fhéadfá a úsáid mar an gcéanna cruinn JavaScript cód le láithreáin ghréasáin a sholáthar,
i gcóir chun apps Android agus iOS apps.
>> Tá sé ina am an-, an-spreagúil.
Tá sé ina deis i ndáiríre, really cool.
Tá sé i ndáiríre ar an ngréasán uilíoch uirlis forbartha comhéadan,
mar sin tá sé an-, an- rud is tábhachtaí a fhios.
Agus, mar a bhí mé ag rá le daoine roimh, seo, dar liom,
bhfuil dul chun athrú conas a a thógáil apps gréasáin deo.
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.
>> OK, mar sin cad é React?
Imoibríonn Is creatlach is féidir leat úsáid le haghaidh comhéadan tógála.
Tá comhéadan, arís, leathanach gréasáin, ceart?
Mar sin, tá anseo Instagram.com, React úsáidí.
>> Freagairt tógtha ar an smaoineamh chomhpháirteanna.
Is comhpháirt a HTML eilimint ar stéaróidigh,
mar sin tá gné HTML cosúil le cnaipe.
Tá sé ina mhír.
Tá sé ina header, ceart?
Agus beidh Instagram úsáid as na, ach tá sé Beidh úsáid a bhaint freisin comhpháirteanna React.
>> Freagairt comhpháirteanna souped-suas eilimintí HTML
go bhfuil a n-iompar féin atá laistigh díobh.
Mar sin, mar shampla, d'fhéadfadh linn a bheith eilimint ama, comhpháirt am,
a bheidh iontu cosúil le an stampa ama, tá a fhios agat,
comhpháirt próifíl a Beidh go bhfuil an íomhá phróifíl
agus ainm an duine.
Is féidir é a bheith cuntar mhaith, a féidir brath cosúil leis an líon na n-maith,
agus má tá tú cliceáil ar sé, beidh sé méadú ar líon na maith.
Is comhpháirt ach bunch cód HTML go
Tá roinnt feidhmiúlacht fillte taobh istigh de sé.
Mar sin, tá sé cosúil le gné HTML ar stéaróidigh, mar a dúirt mé cheana.
Is féidir leat a chur ar na comhpháirteanna, agus is féidir leat iad a chur le chéile
a dhéanamh comhpháirteanna nua, i chás seo, comhpháirt post,
ina bhfuil gach stuif seo.
Bheadh ​​sé go bhfuil am, Próifíl, LikeCounter, b'fhéidir an trácht
agus b'fhéidir an íomhá féin.
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.
Is fotha Instagram rud ar bith níos mó ná a bunch de phoist amháin i ndiaidh a chéile,
Tá gach post ar nós an Am, Próifíl, LikeCounter, agus mar sin de.
Tá sé cineál cosúil tógáil tí.
Ní gá duit a thógáil ar an teach ó bharr anuas.
Ghlacann tú components-- tú ghlacadh cosúil leis an seomra folctha.
Ghlacann tú an bedroom-- bata tú iad le chéile, agus tá tú ar chomhpháirt nua.
Tá tú mar chuid nua den teach.
>> Mar sin, imoibríonn tógtha go léir ar fud an smaoineamh seo na comhpháirteanna sin
Tá idirghníomhach, atá declarative.
Cosúil deir tú díreach cad a Tá próifíl, agus Rindreáil sé é.
Tá siad composable.
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.
Agus tá siad ath-inúsáidte, mar sin má tá tú tá an cód foinse do phost,
d'fhéadfaí tú a leabú go áit ar bith.
>> Is féidir leat a leabú ar Instagram rud ar do láithreán gréasáin féin.
Is féidir leat a leabú i Facebook, mar shampla, chomh fada agus a úsáideann sé Freagairt chomh maith.
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
gur féidir a úsáid in áit ar bith agus a chur le chéile chun bloic thógála nua.
Sin an an-, an- forbhreathnú ard leibhéal.
Mar sin, arís, má tá tú aon cheist ag aon phointe
mar gheall ar an fhealsúnacht imoibreoir, an códaithe, a stop a chur orm, agus lig a fhios agam.
>> OK, mar sin tá freagairt fionnuar mar gheall ar é Tá ar bhealach difriúil de lorg
ar conas a thógáil leat apps gréasáin.
Tá tú éisteacht dócha de MVC, ar samhail a rialú tú i CS50 nó cibé
eile ranganna probing a úsáideann tú.
Agus tá an chuid is mó creataí tógtha thart ar an smaoineamh MVC.
Níl freagairt.
Imoibríonn tógtha thart ar an smaoineamh de shreabhadh sonraí Aontreoch
mar atá le feiceáil ag an chairt nó grafach anseo.
>> Go bunúsach, tá tú foinse sonraí.
Agus beidh an fhoinse sonraí a chinneadh conas a leagan amach comhpháirteanna áirithe.
Agus beidh na comhpháirteanna ansin, nuair a athraíonn siad,
beidh siad ag rá leis an foinse na sonraí a athrú.
>> Chun úsáid a bhaint an Instagram Mar shampla, a bheadh ​​agat
liosta de na rudaí cosúil le post i mbunachar sonraí nó rud éigin.
Go bhfuil na sonraí.
Agus ansin ár n iar a chur go bhfuil na sonraí,
agus sonraí sin a úsáid i gcóir chun rud ar an scáileán.
Go bhfuil an méid an tsaighead ó shonraí go bhfuil a chomhdhéanann í,
agus ansin na sonraí sin céanna a úsáidtear i gcóir chun a bunch de chomhpháirteanna.
>> I Facebook Messenger, le haghaidh Mar shampla, a bhfuil React,
a bheadh ​​agat le liosta de teachtaireachtaí mar do fhoinse sonraí.
Agus d'fhágfadh nach ach an liosta de na teachtaireachtaí
ach chomh maith leis an liosta de na cairde a bhfuil tú.
Tá tú an líon neamhléite.
B'fhéidir sholáthar freisin ar an rud Facebook sin ag bun Facebook.com.
Tá na sonraí céanna a fhoinse amháin na fírinne
agus go n-eascraíonn a lán de na comhpháirteanna a bheidh le déanamh.
Agus aon uair a ar cheann de na comhpháirteanna atá athrú,
Téann sé ar ais agus athraíonn an fhoinse sonraí.
>> Sheolann tú teachtaireacht, ceart?
Go bhfuil athruithe ar an fhoinse sonraí.
Léann tú do theachtaireachtaí, mar sin leagtha tú gan léamh go 0.
Go bhfuil athruithe ar an fhoinse sonraí.
Agus faoi deara go gach ceann de na amháin arrow ag dul ar ais go dtí na sonraí céanna
foinse, sin a fhios agat, Tugtar sraith sonraí áirithe,
tá a fhios agat go díreach cad é an Tá an leathanach dul chun breathnú cosúil.
Tá sé deterministic.
Tá a fhios agat, sonraí áirithe a thugtar, cad Is é an leathanach dul chun breathnú cosúil.
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
a bheith ag obair nuair a bhíonn siad a chur le chéile.
>> Agus má bhí mé milliún comhpháirteanna anseo, go mbeadh sé féin a iompar mar an gcéanna, ceart?
Ní bheadh ​​ort aon idirnaisc aisteach.
Sonraí amháin a rinneadh milliún comhpháirteanna.
A milliún comhpháirteanna d'fhéadfadh dul ar ais agus na sonraí a chur in eagar.
Agus mar sin is é seo an-deas.
Táimid ag tógáil composable, go héasca apps gréasáin Inscálaithe.
>> Tá tú foinse sonraí amháin, an fhoinse na fírinne.
Sin insíonn do chomhpháirteanna conas a leagan amach ar an leathanach,
agus beidh na comhpháirteanna láimhseáil idirghníomhaíocht.
Agus más mian leo a athrú rudaí, ach dul ar ais
agus a rá leis an fhoinse sonraí a athrú.
Ciall?
Dá bhrí sin tá Freagairt ar fad faoi tuiscint conas a thógáil comhpháirt
agus conas a dhéanamh do chomhpháirt idirghníomhú leis an domhan lasmuigh.
>> Dhéanamh ar an idirghníomhú a chomhdhéanann í leis an domhan lasmuigh
Úsáideann an teicneolaíocht eile ar a dtugtar Flux, a
Is creatlach go bhfuil chuirtear ar bharr React.
Níl muid ag dul chun labhairt faoi sin.
Táimid ag dul chun labhairt níos mó faoi, mar gheall ar sonraí, conas is féidir leat a sholáthar comhpháirt?
>> Agus Freagairt mar sin tá really cool mar atá tú Is féidir é a úsáid le haon deireadh ar ais is mian leat.
Má tá tú cosúil le deireadh ar ais Python, más féidir do Python spit amach cuid de na sonraí,
Imoibríonn féidir fhágann go bhfuil sé.
Má tá tú aon aschuir JS sonraí, Freagairt Rindreáil sé.
Ruby ráillí suas le sonraí, React Rindreáil sé.
>> Mar sin, tá Freagairt bunúsach ar an ngréasán view-- a ceann tosaigh le comhpháirteanna
le haghaidh aon fhoinse sonraí ar bith.
Agus ag dul mar sin ó foinse na sonraí a comhpháirteanna imoibríonn Is éasca go leor.
Ag dul an bealach eile é beagán níos deacra.
Go n-úsáideann Flux mar a luaigh mé roimhe seo.
Ní bheidh muid a fháil isteach go.
Beidh muid ag díriú níos mó ar an sonraí-go-chomhpháirt taobh.
Sa chaoi seo is féidir leat a dhéanamh fionnuar, apps gréasáin spraoi.
Ní bheidh sé difear an domhan lasmuigh do anois, ach sin scéal eile.
>> OK, mar sin má bhí tú anseo do mo seimineár seo caite
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
anseo, tá brón orainn, an URL anseo.
Agus go bunúsach táimid ag dul chun dul trí cheithre céimeanna, b'fhéidir cúig,
is dócha nach bhfuil cúig.
Beidh muid ag bogadh trí cheithre céimeanna a thógáil ar shampla React app.
Agus mar sin go léir an cód foinse le haghaidh gach céim ar an mbealach
ag dul a bheith ar dheis anseo, mar sin má bhfuil tú ag a leanas chomh maith sa bhaile,
glaoch chun peruse cód seo.
Má tá tú ag a leanas chomh maith anseo, beidh orainn a bheith ag taispeáint ar an scáileán,
ní amhlaidh a dhéanamh imní ort faoi.
Ach má tá tú sa bhaile, is dóigh saor chun cuairt a suíomh gréasáin seo.
Agus, Yeah, ba cheart go mbeifeá in ann a fháil go léir an cód gur mhaith ort riamh anseo.
Mar sin, tá sé ina bhileog cheat maith chomh maith do do chuid eachtraí sa todhchaí le React.
Cool, mar sin má gach duine a anseo, agus fiú má tá tú sa bhaile,
tarraingt suas ar an láithreán gréasáin, is.gd/cs50react, aon caipitil, gan aon fostríoc, gan aon rud ar bith.
>> Feicfidh tú a fheiceáil an leathanach go Breathnaíonn le beagán mar seo.
Is é seo an rud ar a dtugtar CodePen.
Is CodePen comhoibríoch timpeallacht códaithe
leis ar féidir liom scríobh cód anseo, agus beidh sé a sheoladh go huathoibríoch a thabhairt duit.
Agus a an mbealach seo, is féidir liom scríobh cód.
Is féidir liom a reáchtáil cód anseo.
>> Le haghaidh example-- agus má reloads-- é a fheiceáil, Tá mé ag rith JavaScript cód ar an leathanach
ar dheis anseo, agus beidh sé rindreáil huathoibríoch ar an leathanach gréasáin
leis an cód JavaScript.
Agus mar sin tá sé seo ar bhealach dúinn chun triail a bhaint as cód
i ndáiríre tapaidh gan a bheith a úsáid ár ID nó a úsáid ár n-inneall áitiúil
nó cibé.
Tá sé ar bhealach an-tapa chun tú a mockup agus a thástáil amach cineálacha éagsúla de chód.
>> Mar sin, tá mé ag dul a bheith ag cur Mar shampla cód, é a chur anseo.
Táimid ag dul a bheith ag obair tríd.
Agus má tá tú sa bhaile, tú Is féidir le tarraingt suas seo chomh maith.
Agus tá mé suiteáilte cheana Freagairt anseo, mar sin is féidir leat ach
scríobh do cód féin anseo, agus triail a bhaint mar do chlós súgartha féin.
>> Yeah, más rud é gach duine a oscailt suas ar an nasc seo anseo.
Tabhair dom thumbs suas nuair a bhíonn tú ar oscailt é.
Cool, fionnuar cool.
Níl rud ar bith anseo le haghaidh anois, ach Beidh muid ag athrú go han-luath.
>> OK, mar sin Freagairt Is JavaScript leabharlann, agus mar sin,
Éilíonn eolas ar JavaScript, a bhfuil an teanga cláir gréasáin.
Agus tá sé á úsáid le haghaidh rudaí eile anois freisin ach go príomha ar an ngréasán a fhorbairt
teanga, mar sin má tá tú cur amach acu sin, a léamh ar shuíomh ar a dtugtar JSforCats.com.
Tá sé iontach.
Is féidir leat foghlaim JavaScript i leath uair an chloig.
Tá sé dochreidte.
>> Mar sin a thabhairt dó a léamh.
Tá muid chomh maith go leor de HTML anseo mar gheall táimid ag dearadh leathanaigh gréasáin ar ndóigh.
Mar sin, má tá tú cur amach acu HTML, seiceáil amach HTMLdog.com.
I mo thuairimse, ag foghlaim React is milliún uair níos éasca má tú cheana féin
fhios ag na bloic thógála.
Má tá tú ar an comhpháirteanna, tá sé éasca a dhéanamh comhpháirt níos mó.
Sin React teanga le haghaidh duit.
>> Mar sin, dul ar aghaidh agus a thabhairt na rudaí seo a léamh.
Sos físeán seo.
Thabhairt dó léamh má tá tú sa bhaile mura bhfuil tú
eolas maidir leis HTML nó JavaScript
OK, mar sin cad tá muid ag dul a dhéanamh ná táimid ag dul a dhéanamh
app spléach-chárta an-bhunúsach ag baint úsáide as React.
Táimid ag dul a bheith acu spléach-chárta.
Is féidir leat smeach an cárta ar ais agus amach.
Agus beidh orainn liosta de freisin na cártaí go bhfuil muid,
agus má tá muid ag mothú uaillmhianach, d'fhéadfadh muid a bheith
in ann a aistriú idir carranna trí chliceáil ar iad.
>> Ach tá sé seo, de do lom cnámha,-simplí React app.
Agus mar sin tá sé seo i ndáiríre Ní fánach a chur i bhfeidhm,
ach táimid ag dul chun a thaispeáint go bhfuil, má dhéanann tú seo, tá sé an-, an-éasca a fhadú
má tá daoine eile cabhrú leat leis.
Mar sin, táimid ag dul chun dul trí cheithre céimeanna ag tosú ó scratch a thógáil seo.
>> OK, mar sin an ceithre chéim, beidh muid a tús a chur amach leis an chéad chéim.
Is é an chéad chéim ag dul a bheith thógáil do chéad chomhpháirt.
Mar a dúirt mé cheana, comhpháirt React i ach gné HTML ar stéaróidigh.
Sonraíonn sé an HTML agus roinnt iompar, agus é a
Beidh sonrófar conas daoine Is féidir idirghníomhú leis an gcaoi
bheadh ​​sé stáit inmheánach.
Cosúil le go mbeidh an cnaipe fhios nós cé mhéad amanna tá sé curtha chliceáil shampla,
agus beidh a fhios sé conas a leagan féin amach.
>> 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.
Mar sin, má tá an error aisteach, go toisc go bhfuil sé de chineál ar.
Mar sin, arís, táimid ag dul a dhéanamh ar a dtugtar athróg
feidhmchlár ag baint úsáide as an eochairfhocal a ligean, a dhéanann athróg,
a ligean App comhionann React.createClass.
>> Is imoibríonn leabharlann agus tá an chruthú fheidhm ranga.
Agus is é an fheidhm seo le beagán de chód bhfuil tú
Is féidir úsáid a bhaint as a chruthú nua cineál React a chomhdhéanann í.
Agus mar sin React.createClass Déanann comhpháirt,
agus beidh an chomhpháirt a bheith in ann rudaí a dhéanamh.
Is é an rud is mó is féidir é a dhéanamh a sholáthar rud éigin, rindreáil mar fheidhm.
>> Arís, más rud é nach bhfuil an t-innéacs soiléir tú, molaim a théann tú ar JS do cait
agus é a sheiceáil amach.
Tá go súmáilte i go maith go leor?
Cool.
>> Mar sin, gach a chomhdhéanann í riachtanais go bhfuil feidhm rindreáil.
Deir an fheidhm rindreáil, cad is féidir liom a phriontáil ar an scáileán?
Ach tá an chomhpháirt useless más rud é nach ndéanann sé
fhios cad a phriontáil ar an scáileán, mar sin ní mór duit a bhfuil feidhm rindreáil.
>> Mar sin, i rud an rindreáil, tú is gá ach a thabhairt ar ais roinnt HTML.
Agus cad atá cool is é sin níl rud ar a dtugtar
JSX, a bhfuil síneadh JavaScript atá in úsáid ag freagairt.
Sé ligean scríobhann tú HTML taobh istigh de do JavaScript, a
fuaimeanna de chineál ar aisteach nuair cheapann tú an chéad faoi,
ach déanann sé a lán de chiall ina dhiaidh.
Mar sin, is féidir linn é seo a.
Má tá tú eolach ar HTML, tá a fhios agam ní mór dúinn a div le cuspóir ginearálta
coimeádán le haghaidh rudaí.
Is féidir linn filleadh ar div, agus taobh istigh an div, is féidir linn a chur stuif.
>> 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.
An spléach-chárta, ba mhaith liom a rá, beidh ceist agus freagra.
Mar sin, taobh istigh seo div, a ligean ar phriontáil amach mír
a deir question-- Cad é an freagra deiridh chun na beatha, na Cruinne?
Agus ansin tá an freagra ag dul a bheith, ar ndóigh, 42.
>> Ní raibh a thagann suas go maith ar chor ar bith.
Yeah, mar sin go bunúsach is féidir leat i ndáiríre scríobh HTML taobh istigh do JavaScript.
Agus is é seo ag dul a bheith clóite amach ar an scáileán.
Mar sin, a ligean ar triail a bhaint amach.
>> Mar sin, ní mór dúinn ár chomhdhéanann í.
Ní mór dúinn a insint Freagair don chur an chomhpháirt ar an scáileán
mar sin React.render, ionas go mbeidh muid faoi deara déileáil app mar aon eilimint eile.
Scríobh muid é mar a bhí sé ina ghné HTML.
Cosúil le rá cosúil le img in ionad do íomhá nó p mhír,
tú scríobh App, mar sin tá App chaithfí le gné HTML.
Mar a dúirt mé cheana, tá sé gné ar stéaróidigh.
>> Mar sin, tú rindreáil App, agus tú thabhairt dó áit a chur air.
Agus tá sé seo conas is féidir leat insint dó nuair a chur air.
Chruthaigh mé div simplí ar an leathanach ar a dtugtar le haitheantas an leathanaigh,
agus sin i gcás an eilimint ag dul chun dul.
>> Agus ní táimid ag dul a reáchtáil le HTML.
Go bunúsach tá sé seo ag dul a fháil chur taobh istigh den eilimint an leathanach seo
go bhfuil muid ar an scáileán.
Mar sin, ritheann sé gcód seo, agus tarraingíonn sé seo rud ar an scáileán, mar sin anseo tá muid.
Déanta againn ár gcéad chomhpháirt React.
>> Mar sin, díreach mar recap, rinne muid go réidh i ndáil le cineál nua comhpháirte, ceart?
Sin an méid an React.createClass.
Agus sa chomhpháirt, táimid ag D'inis sé cad ba cheart a dhéanamh.
Aon uair a chomhdhéanann í a seo a chló isteach ar an scáileán,
beidh sé a phriontáil amach an div le an dá mhír taobh istigh de sé.
>> Agus cad a rinne muid, rinne muid app nua ag baint úsáide as an nodaireacht uillinn app lúibín.
Dúradh linn é a chur taobh istigh den eilimint leathanach.
Agus mar sin cad a rinne mé, chruthaigh sé app nua ón teimpléad.
Agus ansin dúirt mé é a fhágann go bhfuil sé.
Mar sin, dúirt sé, ceart go leor, app, cad ba chóir dom a phriontáil amach?
App deir, téigh phriontáil amach div le dhá mhír taobh istigh de sé.
Agus voila, níl ár n-div le dá mhír taobh istigh de sé.
Ciall go dtí seo?
>> Mar sin, arís, an dúshlán iomlán de React ach a fhios agam conas a dhéanamh comhpháirteanna.
Conas a dhéanamh ar an comhpháirteanna ag obair le chéile.
Anois go atá déanta againn ár gcéad chomhdhéanann í, a ligean ar dul ar ais
agus a chur ar comhpháirteanna customizable.
Mar sin, tá a fhios agat conas i HTML tú is féidir a thabhairt do ranganna cnaipí?
Is féidir leat a thabhairt do anchors an href.
Is féidir leat a thabhairt do ionchur le cineál, ceart?
Is féidir leat a thabhairt do níos mó saincheaptha Airíonna le gach ceann de do eilimintí
chun é a dhéanamh níos suimiúla.
Agus is féidir linn a dhéanamh i ndáiríre an rud ceannann céanna.
>> Mar sin, a ligean le rá ba mhaith linn ár n- app chun dul i gcóir aon chárta.
Ceart anois againn ach rinneadh cárta hardcoded.
Tá a fhios againn go níl ach ceann amháin cárta féidir é a dhéanamh, mar sin tá muid
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.
Beidh sé a phriontáil amach an chárta.
>> Chóir duit chun iarracht a dhéanamh do comhpháirteanna cuspóir an-ghinearálta.
Mar sin, ar an mbealach seo raibh mé in ann ríomhphost seo mo chara agus a bheith cosúil le,
is cuma cad spléach-chárta a bhfuil tú, ach beatha sé isteach anseo,
agus beidh sé a dhéanamh leis féin.
Is féidir leat a chur eile rudaí i do app féin.
>> Ach ar dtús, a ligean ar bhriseadh an suas i dhá chomhpháirt,
ach ba mhaith linn a dheighilt ón gcárta chuid priontáil as an chuid app iarbhír.
Mar sin, cad is féidir linn a dhéanamh go bhfuil muid a Is féidir seo a athrú ó App
go CardView, ach ainm nua don app,
agus is féidir linn a dhéanamh nua a chomhdhéanann í ar a dtugtar App,
gan a mheascadh leis an App d'aois.
Táimid agam an createClass, agus is maith i HTML,
is féidir leat a nead comhpháirteanna React taobh istigh de gach eile.
>> Mar sin, sa fheidhm rindreáil, CardView ar ais fheidhm,
agus is é seo an rud ceannann céanna.
Féach ar cén fáth tá sé an rud céanna?
In ionad rindreáil ach an app go Tá an div agus pairing taobh istigh de sé,
Rindreáil an app an CardView, agus an CardView Rindreáil an div agus mír.
Mar sin, is é seo ár chéad sampla de gnéithe neadaithe taobh istigh de gach eile.
Bhfuil ciall?
Mar sin, arís, ní mór dúinn gné CardView.
Tá gnéithe app táimid ag go bhfuil sé níos mó ná.
>> OK, mar sin ba mhaith linn ár CardView-- má tá tú thabhairt CardView maith le cárta áirithe,
beidh sé a phriontáil amach duit, ceart?
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.
Mar sin a ligean ar mo chárta equal-- má tá tú go léir ar an eolas,
is é seo a dhéanamh nodaireachta-ach agóid i JavaScript.
Tá sé cineál cosúil le struct i C, mar sin rinne muid cárta,
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
téarmaíocht go dtí ár app.
Mar sin, is féidir linn é seo a, App ionann cárta Mycard.
>> Tá a fhios agat conas i ionchur, a dhéanann tú ionann cineál ionchur téacs nó cnaipe
is ionann an rang btn haghaidh bootstrap ,?
Smaoineamh céanna, equals-- App cárta atá tú a fuair a braces chur here--
Ionann cárta app Mycard, mar sin seo Deir ní mór dúinn an réad chárta.
Tá mé ag dul chun pas a sé mar maoine chun an chomhpháirt app.
Agus beidh seo a chomhdhéanann í app a bheith in ann rochtain a fháil air agus a dhéanamh
stuif suimiúil leis.
>> Mar sin, is é ár app ag dul a bheith Tugtar cárta, mar sin do anois,
a ligean ar an app díreach a thabhairt an cárta leis an CardView
é féin mar is maith nach bhfuil an app ag dul a fháil amach cad atá le déanamh leis,
mar sin beidh orainn a thabhairt díreach tar éis sé leis an CardView.
Mar sin, beidh orainn pas é an mbealach céanna, is ionann cárta,
agus mar sin is féidir le gach comhpháirt rochtain a fháil ar an rudaí a bhí a thugtar dó.
Is féidir leo rochtain ar na hairíonna atá curtha thugtar dó
baint úsáide as an error, this.props.card.
>> Mar sin, cad a tharlaíonn anseo tá tú ar an réad Mycard.
Pas tú é isteach ar an app ag baint úsáide as App cárta ionann Mycard.
Is é sin an rud cárta a thugtar do do app.
Is féidir leis an app rochtain a fháil air mar this.props.card.
Tá sé cineál cosúil le íomhá fhios ag a bhfuil sé ar fhoinse.
>> Fhios an app cad atá sé cárta is é, agus is féidir é a dhéanamh stuif leis.
Is féidir é a ríomhaireachtaí a dhéanamh.
Is féidir é a cinntí bunaithe ar thalamh de é a dhéanamh.
>> Chun anois, bhí mé ag dul chun pas a this.props.card isteach ar an CardView.
Ciall go dtí seo?
Beidh sé ciall a bhaint as níos mó anois.
>> OK, mar sin anois tá muid ag CardView.
Ár CardView, mar gheall ar an cárta, ba chóir phriontáil amach a ceisteanna agus freagraí.
Ceart anois chló muid díreach amach roinnt ceisteanna hardcoded agus freagraí.
Ní mór dúinn a figiúr out-- gá dúinn a iarraidh ar an gcárta a thug siad dúinn
cad é an ceisteanna agus freagraí, agus ansin a phriontáil seo amach ar an scáileán.
>> Mar sin, is féidir linn é seo a anseo.
Sa rindreáil begin-- ar dtús a dhéanamh ionann.
Mar sin, cad táimid ag déanamh anseo é a fhios againn go na cártaí a thabhairt dúinn le maoin,
ceart?
Tá sé seo tugadh dúinn mar ionchur.
Mar tá sé beagnach cosúil argóintí le feidhm.
Is é an cárta argóint beagnach leis an CardView.
>> Beidh muid a bhaint go bhfuil, agus a chur sé isteach ar an cheist athróg.
Déan cinnte an freagra a chuaigh leis an freagra athraitheach.
Leideanna go cárta a fhreagairt.
Agus anois go bhfuil muid na, in ionad a phriontáil amach an téacs,
táimid ag dul a phriontáil amach is cuma cad a thug siad dúinn.
>> Mar sin, stuff-- seo amhlaidh táimid ag dul a chur amach Ceist Freagra.
A ligean ar a fheiceáil má oibríonn sé seo.
Cool, mar sin a ligean céim tríd ceann amháin níos mó ama ach a bheith cinnte.
>> Mar sin, tá mo chárta réad chárta, agus táimid ag ag tabhairt go cárta don app.
Agus is é an app ag dul a chur ar an cárta agus é a thabhairt don CardView.
Agus deir an CardView, má tá tú a thabhairt dom aon rud spléach-chárta,
Feicfidh mé a phriontáil amach a cheist agus a fhreagairt, ceart?
>> Mar sin, cad a d'fhéadfadh liom a dhéanamh go bhfuil féidir liom seol cód seo, an chéad
cosúil le 10 línte de mo cód, le mo chara.
D'fhéadfadh sé a leabú i a iarratas féin.
Agus chomh fada agus mar a rinne sé an rud céanna, cosúil ionann cárta CardView seo,
chomh fada agus a chruthaigh sé an CardView agus thug sé an t-eolas ceart,
d'fhéadfadh sé a sholáthar a chárta féin.
Agus mar sin ar an mbealach seo, tá sé i ndáiríre bhealach fuarú chun tú a thógáil
comhpháirteanna a bhaineann úsáid as a chéile, ceart?
An cárta seo, raibh mé in ann a fhoilsiú an CardView ar an idirlíon,
agus go mbeadh daoine in ann é a úsáid.
Sin, go bunúsach, tá sé cosúil le ceann amháin de na feidhmeanna caighdeánach i leabharlann C.
>> Tá sé mar fheidhm áit tá duine éigin i scríbhinn é.
A thabhairt duit ionchur áirithe.
Beidh sé a tháirgeadh aschur áirithe.
Nach bhfuil tú cúram conas a oibríonn sé go hinmheánach.
Chomh fada is a thugann tú sé an ceart ionchur, beidh sé a dhéanamh ar an aschur ceart.
>> Agus is féidir a bheith ina chomhpháirt Shíl an mbealach céanna.
Tá an CardView cosúil le feidhm leabharlainne.
Má thugann tú sé roinnt cárta mar mhaoin, beidh sé
phriontáil amach an t-ábhar sin chárta.
Cosúil má athraím mo chárta a ina ionad sin a bheith cosúil le cad é 5 móide 37,
beidh sé cothrom le dáta dá réir sin.
Mar sin, ach trí athrú a dhéanamh ar an ionchur, faigheann sé aschur áirithe.
Mar sin, is féidir leat smaoineamh ar na comhpháirteanna beagnach mar fheidhmeanna ar an mbealach seo, a
Is féidir leat a chur le chéile.
A gheobhaidh tú ionchur, mar seo CardView mar an t-ionchur, gheobhaidh tú aschur.
Sa chás seo, is é aschur an HTML.
Ciall go dtí seo?
Cool, agus mar sin arís, tá airíonna conas is féidir leat pas a fháil eolas
isteach agus amach as chomhpháirteanna.
>> OK, mar sin a ligean ar a dhéanamh ar an Rud idirghníomhach.
Ceart anois tá sé de chineál leadránach.
Cad é [inaudible]?
Is féidir leat a phriontáil amach roinnt, ach sin ar fad féidir é a dhéanamh.
>> Mar sin, a ligean ar dul ar ais go dtí an ceist d'aois ach le haghaidh anois.
OK, mar sin ceart anois na comhpháirteanna Tá leadránach toisc go bhfuil go léir siad,
a fhaigheann siad ionchur.
Déanann siad aschur, ceart?
Sin de chineál ar leadránach.
Ba mhaith linn a bheith acu ar ár comhpháirteanna a bheith in ann a bhfuil
de shaghas éigin stáit inmheánach, cosúil le cuimhneamh ar rud éigin.
>> Le haghaidh spléach-chárta, le haghaidh Mar shampla, cén cineál stáit
b'fhéidir gur mhaith leat a cuimhneamh ar feadh spléach-chárta?
Cad stádas sealadach D'fhéadfadh tú ag iarraidh a mheabhrú
ar feadh spléach-chárta i app spléach-chárta?
LUCHT ÉISTEACHTA: Cibé tá sé curtha iompaithe?
NEEL MEHTA: Yeah, ar dheis.
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ó
aghaidh tú síos ar an gcárta.
Ar Facebook, mar shampla, a bheadh ​​agat ag iarraidh a cuimhneamh áit sa bheatha nuachta
tá tú nó is maith atá ar phróifíl tá tú ag déanamh ceart anois.
>> Ar Messenger, cosúil le cad téacs a bhfuil tú cineál sa bhosca ionchur, ceart?
Má athnuachan tú an leathanach, téann sé ar shiúl.
Ach nach bhfuil tú cúram i ndáiríre.
Tá sé díreach go sealadach.
Yeah?
>> LUCHT ÉISTEACHTA: [inaudible]
NEEL MEHTA: Cosúil le flash cárta, mar is féidir leat a bheith ag féachaint
an taobh cheist nó an taobh freagra?
>> LUCHT ÉISTEACHTA: OK.
>> NEEL MEHTA: Cosúil le dhá-Thaobh spléach-chárta, ceart?
Yeah, mar sin ba mhaith leat a bhfuil an smaoineamh seo de anois
Tá mé airíonna, atá cosúil ionchuir, ach stáit, atá sealadach, uh,
áit a bhfuil tú ar an leathanach, ceart?
Arís, a dúirt mé i Facebook Messenger, tá mé ar nós a bhfuil duine
bhfuil tú ag breathnú ar Facebook nó hé cé próifíl, ceart?
>> Tá sé seo ach go sealadach.
Tá sé tábhachtach chun a thaispeáint don úsáideoir cad atá ar siúl, ach athnuachan an leathanach.
Ní chuireann sé ábhar i ndáiríre.
Mar sin tá sé stáit sealadach, mar sin againn ar fad stáit é.
>> Mar sin, arís, níl stáit agus props.
Props Tá ionchur a thugtar ó do fhoinse sonraí.
Is Stát díreach cosúil mainneachtainí.
Tá sé díreach cosúil le rudaí a Déanann an rud idirghníomhach.
>> Mar sin, inár CardView-- a ligean ar bhfuil ár CardView-- mar sin bhí sé go deas.
Cad tá muid ag dul a dhéanamh anseo, táimid ag dul chun teagmháil CardView agus gan ach CardView.
Agus mar sin mo chara a fuair seo, siad Ní bheadh ​​faoi deara aon difríocht.
Ní bheadh ​​siad a athrú aon cheann dá cód féin,
ach gur mhaith leo a fheiceáil a n- Fuair ​​souped CardView suas.
Sin cuid deas faoi chomhpháirteanna.
>> 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
nó béal faoi.
I React dhéanaimid é seo ag an chéad sonrú an staid tosaigh.
Nuair a dhéanann an gcárta tosú?
>> Mar sin ina fheidhm a dtugtar getInitialState feidhmiú, agus seol ar ais linn a rud.
Tá an rud éigin stáit, agus is stát ach péire eochair-luach.
Cosúil i teagasc, tá tú eochair agus luach, tá tú cosúil ainm teaghrán.
>> Sa chás seo, a ligean ar rá go bhfuil os fíor.
Deir sé seo go mór dúinn a stáit.
Comhchuid amháin de na stáit Is tréith ar a dtugtar tosaigh.
[Inaudible], agus mar sin de réir réamhshocraithe, tá muid i os comhair an chárta,
agus is féidir linn a athrú seo a agus muid ag smeach an cárta.
Ciall?
>> OK, mar sin i rindreáil, ceart anois, tá muid ag taispeáint an gceist agus an freagra.
Anois, cad ba cheart dúinn a dhéanamh Tá taispeáin an cheist
má tá muid ar thaobh tosaigh an chárta sin is é an freagra don chúl an chárta.
Sin an fáth a dhéanann tú gach an cárta idirghníomhach.
Mar sin, a ligean ar iarracht a dhéanamh agus a ghabhann leis an anseo.
Bhuel, ar an gcéad a dhéanamh ach athróg.
Is féidir linn a iarraidh anois this.state.front.
Táimid ag teacht ar luaigh an linn a céanna props rochtana, mar sin this.state.front.
>> Má tá muid chun tosaigh, ansin téacs Is this.props.card.question.
Má tá muid ar thaobh tosaigh an cárta, táimid ag dul chun iarracht a dhéanamh agus grab
an cheist as an gcárta.
Seachas sin, má tá muid ar chúl an chárta, cad a dhéanaimid?
>> LUCHT ÉISTEACHTA: An freagra?
>> NEEL MEHTA: Yep, mar sin an téacs ionann this.props.card.answer.
Ach má thugann tú, tá muid ag baint úsáide as an stát chun cinneadh a dhéanamh
mar anois an chomhpháirt Beidh breathnú éagsúla
bunaithe ar thalamh conas a idirghníomhaíonn seo leis.
Mar sin, in ionad a phriontáil amach seo, beidh orainn a phriontáil díreach amach an téacs.
Cool, mar sin anois, mar a fheiceann tú, a fheicimid ach an cheist.
Agus má athraíonn mé an stát anseo de láimh go bhfuil tosaigh bréagach a fháil againn 42 ar ais.
>> Mar sin, arís, a chomhdhéanann í seo Tá a staid féin.
Cosúil le a fhios ag an cnaipe an bhfuil tá sé curtha brúite nó nach bhfuil,
fhios ag an rud a bhfuil ar an tosaigh nó ar chúl.
De réir réamhshocraithe, tá sé ar an tosaigh.
Agus ansin má tá sé ar thaobh tosaigh, beidh orainn a phriontáil amach ar an gceist.
Má tá sé ar chúl, beidh muid a phriontáil amach an freagra.
Mar sin, arís, an t-eolas Is mar gheall ar an gcéanna.
Breathnaíonn sé díreach difriúil bunaithe ar an gcaoi clár tú é.
Mar sin, mar shampla, Facebook Messenger, fiú má fhaigheann tú an fhoinse sonraí céanna,
d'fhéadfadh sé cuma difriúil toisc go bhfuil an stáit éagsúla.
Tá tú ag féachaint ar teachtaireacht duine éagsúla ar.
>> OK, mar sin tá sé seo ar fad go maith agus maith, ach anois cad atá i ndáiríre
dhéanamh ann dúinn a athrú, cibé acu Is é ár n-cárta tosaigh nó ar ais.
Is féidir linn é seo a trí chur le smeach cnaipe, cnaipe ar an gcárta sin
Beidh smeach an cárta má tá sé [inaudible].
Mar sin, a ligean ar add a cnaipe anseo, seo Beidh cnaipe, agus an cnaipe seo a rá smeach.
>> Agus mar sin ceart anois, sé Ní aon ní a dhéanamh.
Breathnaíonn sé díreach deas.
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,
agus beidh orainn a shainiú smeach níos déanaí.
Ach go bunúsach, onClick Is feidhm go
Faigheann ar a dtugtar nuair a cad a tharlaíonn nuair an t-úsáideoir é.
>> Mar sin, beidh an cnaipe a fhios nuair atá sé curtha chliceáil.
Chuaigh tá sé curtha chliceáil, beidh sé smeach an gcárta.
Tá sé cineál cosúil do Guy seachadadh pizza.
Tá tú cosúil le, ceart go léir, aon uair éigin glaonna dom, beidh mé a sheachadadh pizza, ceart?
>> A chláraíonn tú an éisteoir.
Éisteann tú le haghaidh ócáid.
Tú a dtugtar, agus nuair a bheidh an dtarlóidh teagmhas, a dhéanann tú rud éigin.
A gheobhaidh tú pizza.
Sa chás seo, nuair a bhíonn tú chliceáil, smeach tú an cárta.
>> Agus mar sin ní mór dúinn a shainiú fheidhm a smeach an cárta,
mar sin beidh orainn a scríobh an ceart sin anseo, smeach fheidhm.
Agus mar sin cad a cheapann tú go mbeidh smeach a dhéanamh?
Arís Faigheann seo ar a dtugtar nuair cliceáil táimid ag an cnaipe smeach.
Cad ba chóir don smeach fheidhm a dhéanamh?
>> LUCHT ÉISTEACHTA: athrú this.state.front ó fíor go bréagach, bréagach a fíor.
>> NEEL MEHTA: Yep, mar sin cibé this.front is-- é an stát tosaigh.
Tóg an stát tosaigh, más rud é tá sé fíor, a dhéanamh bréagach é.
Má tá sé bréagach, a dhéanamh fíor é, ceart?
Mar sin, a ligean ar iarracht sin.
>> Ní féidir leat athrú stáit ach ag déanamh this.state.
Ní féidir leat é seo.
Ní féidir leat é sin a.
Caithfidh tú a úsáid le feidhm ar a dtugtar this.setState.
>> Mar sin, is féidir leat a rá this.setState tosaigh colon seo más rud é, arís, an exclamation
ciallaíonn pointe os coinne.
Buille faoi thuairim mé más rud é seo. state.front Is fíor, beidh sé seal bréagach.
Mar sin, beidh orainn a leagtar ar an stát ó fíor go bréagach.
Má tá sé bréagach, beidh muid a leagtar bréagach é go fíor.
>> Just a faoi deara go leagtha amach againn agus a fháil beagán éagsúil, agus mar sin a ligean ar iarracht seo.
Bada bing, ag féachaint ar seo.
Beidh an cnaipe smeach anois athrú ar an tosaigh stáit ar ais.
>> Agus mar sin anseo nuair a fheiceann tú beagán de an draíocht React.
Riamh Cosúil a dúirt muid é é a ath-sholáthar.
Ní Dúradh linn é a ataispeáin rud ar bith.
Má tá tú ag déanamh seo a gan React, gur mhaith leat
Tá to-- cosúil nuair a bheidh an Tá an cnaipe smeach chliceáil,
gur mhaith leat a insint é a de láimh ath-rindreáil, ceart?
>> Imoibríonn i ndáiríre fionnuar i go má tá tú thabhairt dó stáit agus airíonna áirithe,
Beidh sé i gcónaí a sholáthar an rud ceannann céanna.
Agus mar sin nuair a muid riamh athraíonn muid an stát agus na hairíonna,
imoibríonn ach ath-Rindreáil an rud ar fad.
Fhios sé go bhfuil comhfhreagras duine-le-duine
idir stáit agus paraiméadar agus HTML.
Mar sin, aon uair a ceachtar de na athruithe ar ag trí stát leagtar,
Beidh sé athrú ar conas an Tá pá ath-a rinneadh.
Agus mar sin go bunúsach is Freagairt mhaith ag fanacht leat a athrú.
>> Aon uair a athraíonn sé rud éigin, beidh sé ath-sholáthar ar an leathanach ar fad.
Agus má fuaimeanna sé mí-éifeachtach, tá sé toisc go mbeadh sé a bheith,
ach úsáideann imoibríonn rud dtugtar DOM Scáth.
In ionad ag tarraingt go díreach ar an leathanach, sé Coinníonn an crann HTML fíorúil i gcuimhne.
>> Tá a fhios agat, tá HTML cosúil le crann, cosúil le struchtúr sonraí ordlathach.
Coinníonn sé crann falsa i gcuimhne, agus aon uair is tú thabhairt cothrom le dáta ar an leathanach,
beidh sé a tharraingt falsa eile crann, agus beidh sé a ríomh
cad a athrú ní mór é a dhéanamh ar an leathanach a dhéanamh ar an dá crainn comhionann.
Mar sin, go bunúsach, sé beagnach ath-Rindreáil go leor.
Agus ansin maith liom é athruithe ach an leathanach i tweaks beag mar is gá,
mar sin tá sé an-, an-, an-éifeachtach.
>> Mar sin, go bunúsach beidh React aon uair a athraíonn tú rud éigin,
beidh sé ath-sholáthar ar an leathanach beagnach.
Beidh sé figiúr amach cad is gá dom a athrú a dhéanamh ar an leathanach fíor a léiriú
an leathanach fíorúil, agus beidh sé sin a dhéanamh.
Sin an DOM fíorúil.
Tá sé ar cheann de na is mó Gnéithe de React.
>> Bhfuil ciall?
Ceisteanna ar bith?
Yeah?
>> LUCHT ÉISTEACHTA: Conas a dhéanann a chur i gcomparáid go fóill go dtí an MVC
go labhair muid faoi roimh acmhainní cosúil.
>> NEEL MEHTA: Yeah, an cheist é an chaoi a dhéanann sé i gcomparáid go MVC?
D'iarr tú ar tí acmhainní.
Bhuel, a ligean ar labhairt faoi conas feidhmeanna sé.
>> I MVC, gur mhaith leat a thabhairt cothrom le dáta an tsamhail.
Sa chás seo, ba mhaith linn a bheith samhail cárta.
Ba mhaith leis an tuairim go bhfuil an cnaipe smeach, agus an rialú
bheadh ​​an fheidhm smeach.
Mar sin, bheadh ​​an dearcadh a rá leis an rialtóir smeach a smeach.
Bheadh ​​Smeach rá leis an samhail a athrú, ceart?
>> Agus mar sin nuair a dhéanann tú ar MVC, tú éisteacht le haghaidh an tsamhail a athrú,
agus tú ag ath-sholáthar ar an tuairim dá réir sin.
Nó tá tú díreach a mhaith Tá an rialtóir.
Fan le haghaidh an tsamhail a athrú, agus ansin roghnú agus a roghnú mar chuid de cosúil le rud
a athrú.
Anseo ní mór dúinn rud amháin, ach i app mór,
tá tú chun cuimhneamh ar cad is maith an t-athrú i ngach áit amháin,
mar sin tá sé beagán annoying.
Agus Freagairt mar sin tá deas toisc go bhfuil sé Dom Scáth.
Is féidir é a thabhairt go dtí díreach Athscríobh an rud ar fad.
Ní gá duit chun go roghnach cosúil le buille faoi thuairim a thabhairt cothrom le dáta.
>> Ar Facebook más mian leat a fháil teachtaireacht nua, i MVC,
gur mhaith leat a mheabhrú, OK, athrú ar na rudaí
ag barr an leathanach, an icon teachtaireacht.
Freisin pop fuinneog nua ag bun an leathanaigh.
Chomh maith leis sin a dhéanamh rud nua sa bhfuinneog.
Chomh maith leis sin imirt fuaime.
>> Sin a lán de na rudaí ag dul amach ag an am céanna.
Agus mar sin mura bhfuil tú mbeadh Dom Scáth, gur mhaith leat
a dhéanamh go láimh mar gheall ar Ní féidir leat a fháil réidh leis an leathanach ar fad.
Ní féidir leat a acmhainn a, ionas go mbeidh tú a athrú gach rud de láimh,
atá i ndáiríre annoying i MVC.
>> Mar sin, d'fhonn a bheith thrifty, siad go roghnach
cothrom le dáta an leathanach, a bhfuil éifeachtach, ach freisin annoying.
I React, mar gheall ar an Scáth Dom, gheobhaidh tú an dá rudaí saor in aisce.
Tá sé éifeachtach mar gheall ar den Dom Scáth.
Is é an tranglam cothrom le dáta an leathanach.
Níl sé ag déanamh an ionramháil crann.
A gheobhaidh tú an éifeachtacht.
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,
ach tá a fhios agat ach, ceart go léir, na rudaí ag dul a bheith ar an leathanach áit éigin.
D'fhéadfadh sé a bheith in áit eile, ach sé ag dul a bheith ar an leathanach, ceart?
Mar sin, tú díreach ath-a rinneadh an rud ar fad beagnach,
agus d'fhéadfá a dhéanamh cúpla athruithe ar an leathanach é féin.
>> Mar sin, arís, i MVC tú Bheadh ​​a roghnú
idir éasca le húsáid agus éifeachtúlacht, agus React, gheobhaidh tú an dá.
Mar sin, tá sé níos fearr.
Ciall?
Soladach.
>> OK, mar sin a ligean ar a fheiceáil a ligean ar labhairt beagán faoi chéim 4,
conas is féidir linn comhpháirteanna neadú.
Mar sin, ní mór dúinn an ceart seo anois.
Tá ár cnaipe beag cool.
Is féidir linn a smeach sé ar ais agus amach, agus sin go léir a dhéanann sé.
Ligean le rá ba mhaith linn a tá comhábhar eile.
Ligean le rá ba chóir ár n-app spléach-chárta go bhfuil liosta de na cártaí
go bhfuil tú, mar sin go ciallaíonn linn a Ba chóir go mbeadh comhpháirt eile.
Bhuel, b'fhéidir glao sé liosta amharc.
A ligean ar a dhéanamh ar liosta tuairim go coexists leis an CardView,
agus an liosta a fheiceáil agus CardView Beidh mhaith obair le chéile.
Agus is féidir leat iad a chur le chéile a dhéanamh ar ár n-app ar do shon.
>> Mar sin, an chéad, a ligean ar a dhéanamh Cártaí lánúin níos ceart.
A ligean ar rá, cad cártaí?
Agus díreach mar sin ní dóigh liom go bhfuil a rug tú leis clóscríobh sé i,
Mé díreach tar éis ag dul a chóipeáil sé ó anseo.
Agus mar sin tá mé ag dul go dtí nach a thabhairt dó ach cárta amháin.
Tá mé ag dul a thabhairt dó le sraith de chártaí.
Mar sin, ar dtús leis an apps ag dul a bhriseadh do anois.
Ceart go leor, mar sin táimid ag dul a dhéanamh seo in ann déileáil le cártaí iolrach.
Mar sin an chéad, táimid ag dul a thabhairt dó, ní ach cárta amháin ach le sraith de chártaí,
cosúil le liosta na cártaí.
Agus sa chás seo, ní mór dúinn trí cinn acu.
>> Ceart go leor, mar sin mar sin tá app ag dul a fháil ar na cártaí liosta,
agus tá sé ag dul chun cinneadh a ceann amháin a thaispeáint ar an CardView.
Is féidir leis an CardView ach rindreáil cárta amháin, ach an app
Faigheann liosta de na cártaí, ceart?
>> Mar sin, nuair a figiúr tú amach ceann cárta a thabhairt do CardView,
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
a thaispeáint?
Chun a thabhairt duit leid, tá sé go sealadach Feicfidh tú a bheith ag breathnú cárta áirithe.
Má athnuachan tú an leathanach, beidh tú ach dul ar ais chuig an chéad chárta.
Sin ceart go leor mar tá sé sealadach.
Cad teicníc bhféadfaimis a úsáid?
>> LUCHT ÉISTEACHTA: D'fhéadfá a dhéanamh athróg mar sin díreach mar a bhí tú os comhair.
An bhfuil sé seo fíor, d'fhéadfaí tú ní mór ionann cárta reatha 1?
>> NEEL MEHTA: Yeah, mar sin againn ag iarraidh a bheith acu stáit, ceart?
Ba mhaith leat úsáid a bhaint as stát sa a chomhdhéanann í a dhéanamh amach
a cárta ar mhaith linn a fháil.
Cosúil ní mór dúinn liosta de na cártaí, beidh muid a
úsáid a bhaint as stát a dhéanamh amach ar cheann de na chéad chárta,
an dara cárta, an tríú cárta, agus mar sin de.
>> Mar sin, app a fhágann go mbeidh app a fháil ar tá an fheidhm getInitialState,
ar ais fheidhm getInitialState.
Agus beidh orainn a rá ach activeIndex 0.
Mar sin, anois tá sé ar stát féin ár app.
>> Agus a sholáthar mar sin anois ar, a dhéanamh amach cárta, a ligean ar dul díreach go dtí an eagar
agus grab an rud ag an innéacs.
Roghnaigh cárta this.props.cards comhionann this.state.activeIndex.
Mar sin, mar a fheiceann tú anseo, an props agus an stát obair i ndáiríre le chéile.
Mar sin anois go bhfuil muid ár n-activeCard, beidh muid ag glaoch air activeCard,
agus a ligean ar a fheiceáil má oibríonn sé seo.
[Inaudible]
>> Ó, bhí go earráid téacs.
Ah.
>> Cool, yep, mar sin anois bhí muid ar ais go áit a raibh muid roimh, ceart?
Gclár céanna d'aois ach amháin anois is féidir linn tacaíocht a thabhairt
liosta de na cártaí, ní hamháin cárta amháin.
Agus anois, arís, má athraíonn muid an activeIndex, is féidir linn dul ó 0 go 1,
agus anois go bhfuil an dara cárta, agus ansin chuaigh muid go dtí 0.
Mar sin, tá anseo nua souped-suas leagan ar ár.
>> OK, a ligean mar sin anois ar a bhfuil liosta tuairim go Taispeánann na cártaí i do chlár,
mar sin beidh muid a dhéanamh nua a chomhdhéanann í ar a dtugtar ListView.
Lig ListView cothrom react.createClass.
Mar sin, ba mhaith linn a sholáthar ar gan ord liosta le mír liosta le haghaidh gach cárta.
Agus mar sin ní mór dúinn a bunch cártaí.
Ba mhaith linn mír liosta amháin le haghaidh gach cárta, ceart?
D'fhéadfadh muid a dhéanamh do lúb nó rud éigin a dhéanamh le mír liosta nua.
Ach ar an mbealach a dhéanann tú é i Freagairt, bain úsáid as rud ar a dtugtar léarscáil.
Is Líne uirlis nó feidhm a úsáideann tú gur le haghaidh gach ítim Ritheann, roinnt feidhm,
Bíonn luach ar ais, agus Tugann tú go ais.
>> Mar sin, mar shampla, ní mór dúinn an eagar 1, 2, function-- 3.map agus tá sé seo
Tá luathscríbhinn do function-- x arrow x amanna x.
Deir sé seo, le haghaidh gach uimhir i 1, 2, 3, a chur air.
Cearnach é, agus a thabhairt dó ar ais.
Mar sin, cad a cheapann tú 1, 2, téann 3.map x amanna x
x Tugann tú thabhairt ar ais go bhfuil an fheidhm seo
reáchtáil ar gach gné den eagar.
>> LUCHT ÉISTEACHTA: 1, 4 9?
>> NEEL MEHTA: Yep, 1, 4, 9 mar a dhéanann tú 1 uair 1.
Go dtabharfaidh tú ceann.
Sin an chéad eilimint.
>> Is 2 uair 2 4.
Sin an dara gné.
9 3 huaire 3.
Sin an tríú gné.
Ciall?
Mar sin, tá léarscáil teicníocht tú úsáid i ríomhchláraitheoirí feidhme,
an stíl nua de cláir rud éigin a dhéanamh
le gach gné i do liosta.
Agus mar sin fuaimeanna seo eolas.
Ní mór dúinn liosta de na cártaí.
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.
Beidh orainn a rá, a ligean liosta ionann this.props, cártaí, léarscáil.
>> Agus tugadh amhlaidh cárta, tá muid ag dul a ghiniúint mír liosta
leis an gcárta sin ar th taobh de.
Ligean le rá ach ba mhaith linn a thabhairt i gcrích na cártaí a cheistiú amhlaidh card.question.
Mar sin, tá an liosta seo ar sraith de LI nó Liosta Míreanna
i gcás ina níl liosta amháin mír le haghaidh gach cárta,
agus go bhfuil an cheist cártaí.
Ciall?
>> Cool, mar sin a ligean anois ar phriontáil ndáiríre go amach.
Mar sin, beidh muid ar ais ar ul.
Inside an liosta sin gan ord, beidh orainn a bata ach an liosta iomlán
gur thug siad dúinn.
Cool.
>> Ceart go leor, mar sin anois an oibreacha fhonn liosta a fháil ach.
Ceisteanna ar bith maidir leis an liosta d'fhonn?
Tá tú a bunch cártaí.
A dhéanann tú mír liosta le haghaidh gach cárta.
Agus chuir tú iad taobh istigh gan ord liosta, agus a thabhairt duit ar ais.
Mar sin, anois a ligean ar gníomhú mar sin againn a leabú an taobh istigh den ár app,
ionas gur féidir linn é seo a, liosta tuairim.
Cad argóint dhéanaimid pas d'fhonn a liostú?
Cad iad na hairíonna féidir linn a thabhairt dó?
Cuimhnigh, má thugann tú sé a bunch cártaí,
beidh sé a dhéanamh ar an liosta féachaint do na cártaí.
Mar sin, cad ba mhaith linn a pas anseo mar an argóint?
LUCHT ÉISTEACHTA: Tá liosta de na cártaí?
NEEL MEHTA: Yeah, cártaí sin ionann this.props.cards, ceart?
Agus mar sin an fhadhb atá ann ach is é sin is féidir leat ach
iompaithe eilimint barr leibhéal amháin i rindreáil, mar sin tá tú chun Timfhilleadh sé i div.
Tá sé aisteach.
Mar sin a ligean ar a fheiceáil más rud é go.
Nach bhfuil ag obair?
>> Yep, tá tú ag dul.
Mar sin, anois ní mór dúinn liosta cártaí ag bun,
agus ansin ní mór dúinn ár CardView féin ar barr,
agus a smeach idir an dá thaobh an chárta.
Anois a dhéanann chiall sin a dhéanamh conas a rinne mé é sin?
Yeah, mar sin arís, tá dhá chomhpháirt.
An chéad priontaí chomhpháirt amach gach cárta sa liosta.
Sin an liosta tuairim.
Agus an dara comhábhar priontaí amach go díreach chárta.
Má thugann tú é cárta áirithe, beidh sé phriontáil amach eolas faoi sin chárta
agus lig tú smeach ar ais agus amach.
>> Mar sin, más mian linn, is féidir linn iarracht a dhéanamh agus labhairt faoi ​​cur roinnt gnéithe nua leis seo.
Seachas sin is féidir linn labhairt le beagán níos faoi ​​ar an treoluas imoibreoir,
nó is féidir linn a fhreagairt ceisteanna a bheadh ​​agat
mar gheall ar na bhfuil gach ceann de na codanna lárnacha de imoibríonn gur mhaith liom a labhairt faoi.
Is féidir linn dul ar aghaidh.
Is féidir linn a ceisteanna a fhreagairt.
Cibé a mhaith leat.
>> LUCHT ÉISTEACHTA: An féidir leat é a úsáid JSX i gnáth JavaScript?
Nó go bhfuil rud éigin go tháinig leis an [inaudible]?
>> NEEL MEHTA: Is í an cheist féidir úsáideann tú JSX le gnáth JavaScript?
Is é an freagra yes.
Is JSX ach ar bhealach de sé thógann do JavaScript go bhfuil HTML taobh istigh de sé,
agus tiomsaíonn sé i JavaScript a Níl HTML taobh istigh de sé.
Mar sin, faoi deara that-- sin faoi deara anseo.
Breathnaíonn sé seo cosúil go bhfuil tú cosúil le div agus tá tú rudaí taobh istigh de sé.
>> Go Tiomsaíonn go JavaScript a cosúil leis Gineann an rud céanna.
Buille faoi thuairim mé cad mé ag rá go bhfuil Is JSX ach syntactic, mar tá sé
a réamhphróiseálaí do JavaScript bhfad cosúil le PHP Is réamhphróiseálaí do HTML.
Is JSC ina réamhphróiseálaí as JavaScript a ligeann
chuir tú HTML taobh istigh de do JavaScript.
Agus mar sin má tá tú ar an claochladán ceart a bhfuil an rud ar a dtugtar [inaudible],
a bheidh athrú.
An réamhphróiseálaí ceart, beidh sé in iúl a dhéanann tú sin.
>> LUCHT ÉISTEACHTA: [inaudible]
NEEL MEHTA: De ghnáth ní gá duit HTML a chur taobh istigh de JavaScript
mura rud é do dhéanamh React.
Ach is féidir leat é a dhéanamh ar aon nós.
Yep?
>> LUCHT ÉISTEACHTA: Sílim go bhfuil tú Bhí cur síos React
mar theanga programing feidhmiúil.
Táimid iontach foghlama C i CS50.
Is C freisin teanga feidhmiúil?
NEEL MEHTA: Mar sin, an cheist Is faoi feidhmiúil
versus rud eile ar a dtugtar cláir ordaitheach nó nós imeachta.
Níl dhá chineál de chláir tóir.
One ar a dtugtar nós imeachta, a ar fad faoi nós orduithe a dhéanamh,
agus tá sé ar cheann feidhmiúil, a bhfuil gach gheall ar a bhfuil feidhmeanna agus a bhfuil
ionchur agus aschur na ndaoine.
Is freagairt a paraidím feidhmiúil.
Gurb é C paraidím an-nós imeachta.
>> Agus mar shampla, C mar shampla, Ní gá duit a dhéanamh ar an mbealach seo declarative
dhéanamh ar an gclár, ceart?
Caithfidh tú a rá, a phriontáil seo.
Athraigh struchtúr seo sonraí.
Priontáil seo.
Tá sé faoi gach orduithe.
>> I React, ní níl go leor orduithe.
Tá sé ar fad faoi a bhfuil comhpháirteanna a chuir tú le chéile.
Tá siad cosúil le feidhmeanna.
Tá tú cosúil le feidhm ar a dtugtar CardView,
a bhfuil feidhm go bhfuil ionchur, aschur,
agus mar sin tá gach React faoi ​​seo fhealsúnacht
dúinn having-- a bhfuil tú na sonraí.
Éiríonn leat é tríd an algartam, agus é go mbainfidh
HTML aschur go bhfuil tú ach clóite ar an leathanach,
agus mar sin tá tú chun thógáil píosa le píosa.
>> Mar sin, a tharraingt meafar leis an méid a A dúirt mé cheana, tá a fhios agat conas
ar Facebook má fhaigheann tú teachtaireacht, agus a roghnaíonn tú cad codanna a thabhairt cothrom le dáta,
go nós imeachta.
Tá sé riachtanach, ceart?
OK, fuair mé teachtaireacht.
A ligean ar athrú áireamh ann.
>> A ligean ar pop fuinneog anseo.
A ligean ar athrú áireamh ann.
A ligean ar a tharraingt seo anseo.
Sin cur chuige nós imeachta.
>> Sin an méid rudaí cosúil uilleach, Treisiú, Backbone, bain úsáid as creataí eile.
Imoibríonn Is feidhmiúil.
Tá sé ar bhealach an-difriúil de ag smaoineamh faoi rudaí.
Bíonn sé an smaoineamh seo de a ligean ar bhfuil feidhmeanna nó halgartaim go mbeidh tú
thabhairt dó sonraí.
Beidh sé spit amach cad é Ba chóir go mbeadh, agus an ríomhaire
Beidh cúram a ghlacadh de mheá amach.
Ní gá duit a láimhseáil é féin.
An bhfuil a dhéanamh le beagán de chiall?
Yeah?
>> LUCHT ÉISTEACHTA: I theanga feidhme, gach rud a tharlaíonn ag an am céanna?
>> NEEL MEHTA: No, rudaí a tharlóidh in ord.
Cosúil anseo níl fós a ordú, ach ní dhéanann sé
tarlú in ord mhaith Molaim, ordú, ordú.
A tharlaíonn sé in ord Tugann feidhm aschur tú.
Cuir go isteach an fheidhm eile.
Cuir sin isteach i gceann eile fheidhm, feidhm eile.
>> Má dhéanann tú CS51, beidh tú Cláir feidhme a fhoghlaim
a amach beag de raon feidhme an.
Ach go bunúsach, cad a dhéanann Imoibríonn Is fionnuar ní hamháin
an sreabhadh sonraí aon-bhealach agus an Dom fíorúil,
ach chomh maith leis an smaoineamh cláir feidhme.
Agus is é cláir feidhme an-éasca a chumadh agus a chur stuif fuarú as,
agus tá sé an-éasca chun smaoineamh faoi ​​agus cúis faoi.
Mar sin, tá sé tharraingt maith eile de React.
Ceisteanna ar bith níos mó?
Yeah?
>> LUCHT ÉISTEACHTA: Um, cén fáth go mbeadh tú úsáid a ligean seachas ar var?
>> NEEL MEHTA: Mar sin, tá an cheist cén fáth a bhfuil tú ag úsáid a ligean in áit var?
Is é seo an rud ar a dtugtar ES6 nó ECMAScript 6.
Tá sé an leagan nua de JavaScript.
Níl a bunch de chúiseanna teicniúla, ach tá ligean ar leagan níos fearr de var.
>> Tá sé conas a dhearbhú tú athróg.
Is féidir leat é a úsáid a ligean.
Is féidir leat é a úsáid var.
Lig Tá a bunch de theicniúil reasons-- is féidir leat iad a chuardach
suas later-- le haghaidh fáth go bhfuil sé níos fearr.
Go bunúsach, tá ES6 roinnt deas error nua, roinnt gnéithe nua
ar bharr an JavaScript d'aois.
>> Mar sin, tá cosúil le cúig nóiméad againn.
Bhí mé díreach chun labhairt faoi rud amháin níos mó fíor go tapa.
Má bhí aon cheist agat, a ligean ar labhairt faoi sé tar éis seo.
Ach amháin mar sin faigheann sé seo ghabhtar ar ceamara, mé díreach tar éis
ag iarraidh a labhairt le beagán faoi conas tú úsáid iarbhír Freagairt i do apps.
>> Má théann tú anseo, Facebook.GitHub.IO/react,
is é seo an leathanach baile le haghaidh React, agus beidh sé léiríonn tú conas a úsáideann tú i ndáiríre
Freagairt i do leathanaigh.
Go bunúsach, tá sé ina beagán casta ag iarraidh a shuiteáil React.
Níl sé chomh héasca agus is leat a tharraingt díreach agus titim JavaScript ann.
>> Tá tú go bhfuil do claochladán arna chur ar bun, a bheidh, mar a rinne sé roimh,
cas do JSX isteach an JavaScript gnáth.
Tá tú a rud Feicfidh go thiomsú ES6 tú gnáthriocht.
JavaScript níl a lán de ag gluaiseacht páirteanna bhfuil tú a dhéanamh, mar sin níl rud
ar a dtugtar Yeoman, Yeoman.io.
Agus tá sé seo uirlis-orduithe a Feicfidh cabhrú leat scafall amach do React
tionscadail go héasca.
>> Mar sin, is féidir leat léamh faoi seo ina dhiaidh sin, ach tá roinnt uirlisí
go dtugann Yeoman.
Beidh siad in iúl duit a chruthú ar React app le gach rud tógtha i.
Cosúil beidh sé tar éis tógtha i, comhpháirteanna a tógadh i.
Beidh sé a bheith do claochladán a tógadh i.
Tá siad a lán de fionnuar stuif a tógadh i go huathoibríoch
ag baint úsáide as na rudaí seo ar a dtugtar gineadóirí.
>> Mar sin, a léamh faoi seo más mian leat.
Ach dul ar Yeoman, Y-E-O-M-A-N, agus Is féidir leat teacht gineadóirí mar seo.
Agus le gineadóirí cosúil seo, is mian leat ach ceann amháin
Is orduithe líne a ordú lánúin.
Beidh sé scafall amach fad React app ar do shon.
Beidh sé a fháil ar fad ar an píobaireachta láimhe, agus obair grunt déanta ar do shon,
agus sin é an fáth tú ag díriú ach ar díreach ag scríobh i React.
>> Mar sin, a thógáil go bunúsach Imoibríonn Is app nontrivial.
Tá sé seo wired go léir le chéile, ach tá Tá uirlisí beidh a dhéanamh duit.
Mar sin, más mian leat a dhéanamh ar React app, bain triail dhéanamh mar sin.
Más mian leat ach chun triail, is féidir leat triail baint úsáide as an CodePen
toisc go bhfuil sé seo CodePen go léir an imoibríonn sreangú.
Mé a rinneadh an obair ar fad ar do shon cheana.
>> Mar sin, más mian leat a dhéanamh mar a bheadh táirgeadh a scaoileadh React app,
déan iarracht ar cheann de na gineadóirí.
Más mian leat ach a imirt timpeall, tá sé go minic is fiú ach
cosúil le triail ag seinm ar fud ar CodePen anseo.
Fuaim maith?
Cool.
>> Mar sin tá go léir a bhfuil mé.
Arís, tá gach an cód agus samplaí ag dul a bheith ar an suíomh gréasáin anseo.
Mar sin, arís, ní raibh muid ag caint faoi ​​error bhfad React,
ach a aimsiú dóibh siúd go léir sonraí beag comhréire,
tá sé ar fad ag dul a bheith ar fáil ar an suíomh gréasáin seo anseo.
>> Mar sin, ba mhaith liom a mholadh ar nós ghlacadh an chéad chéim.
Cuir sé isteach i do CodePen.
Bain triail as ag obair ar a dhéanamh sé leis an dara céim.
Níl ceathrú céim, agus díreach a fheiceáil nuair a gheobhaidh tú ó sin.
>> Ceisteanna ar bith níos mó, seiceáil amach go leathanach nó ríomhphost chugam.
Sin mo ríomhphost.
Ach ba mhaith liom grá chun cabhrú leat le haon ceisteanna a bheadh ​​agat faoi React.
Mar sin, yep, go léir agam.
Go raibh míle maith agat go léir go mór do ag faire nó chun freastal.
Agus beidh mé a ghlacadh ar aon cheisteanna a bheadh ​​agat i ndiaidh an anois.
Mar sin, go raibh maith agaibh go léir as ag faire.