>> [MUSIC PLAYING]
>> Neel MEHTA: ecce habes quod tuum est.
>> Bene omnibus grata web React apps de futuro.
Hoc est CS50.
Et est nomen meum in Terra Mirabili.
Sum enim a TA CS50 et a sophomore Harvard College et ipsum
iracundus telam elit.
Ita Im 'valde excitando loqui in auribus vestris hodie,
sive hic sive domi vigilantes, de React, quod est, iterum
ut dixi, in futurum web apps.
>> Ita React est a web elit.
Et ut Ive 'been narrantes quibusdam hic,
a compage est iustus set instrumenta vos can utor
et libere ad texo vestri web app.
Et web apps sunt etiam websites qui interactive sicut Facebook,
Twitter.com, Instagram.com, quidquid.
>> Sic Facebook est a compage web quod per Facebook
a iugo annis back-- React est.
Quoniam suus 'been adsuesco assuesco in On Facebook eorum mobile apps
et web app, Instagram.
Academiae est alius prominent mane adopter of React.
>> Suus 'vere questus fuit maxime popularis.
Si quando utor, quasi res aut Angular Narum, est ex eadem familia ortum,
sed habet cum longe praevertere acceptissimi.
Suus calidum novi.
Suus 'vere, vere ingens.
>> Et non sicut bonum React web cito sol- vendam interfaces aedificium.
Suus 'bonus ad aedificationem interfeisi telam.
Ibi suus 'quoque a re Arx quod vocatur React
lets vos autem aedificatis interfaces for Android et iOS
Vestibulum aliud in posterum forsitan tantundem usus JavaScript code.
Vos could utor exigere idem JavaScript code reddere websites,
reddere Android apps et iOS apps.
>> Donec a ipsum suscipit tempus.
Suus 'vere, realiter frigus occasio.
Suus 'vere universalis web development tool interface,
sic suus 'valde refert scire.
Cum autem turba dicebat prius haec, opinor,
est iens ut quam mutare aedificare web apps in aeternum.
Sic suus 'aliquantulus maybe hyperbole, sed reputo suus pulchellus bonum scire.
>> OK, ita quod React?
Reflecti est a compage possis uti ad aedificationem interfaces.
An interface est, iterum, a web page, ius?
Sic hic 'Instagram.com, usus React.
>> Reflecti aedificatur in idea ex componentibus.
A component est HTML elementum in steroids,
sic quasi HTML elementum ipsum.
Suus 'a paragraph.
Vestibulum capitis iudicium
Et Instagram utetur illa, sed etiam uti tium React.
>> Reflecti componentia souped-sursum HTML elements
quae moribus suis continebant.
Ita, exempli gratia, habere possemus tempus elementum tempus component,
quae continent sicut tempus stamp scitis
component quae a profile continebit profile image
et nomen personae.
Potest habere sicut contra, quod secundum numerum dinumerare similium,
click si est, ut numerum augere similia.
A component est iustus fasciculum HTML code quod
habet aliquam functionality involvit inside of eam.
Sicut igitur HTML elementum in steroids, sicuti dixi prius.
Vos can take talia membra, et cum volueritis potestis pariter ponam illum
quid ad nova consilia componentibus, in Hic post component,
quod continet omnia ista.
Ad primum sic proceditur continent Time, Profile, LikeCounter, fortasse comment
et maybe ipsam imaginem rerum.
Itaque web apps sunt ædificavit per carnem assumptam et ponens components simul.
An Instagram feed est nihil magis quam Post fasciculum unum post alterum
singulis post continet quasi Time, Profile, LikeCounter, et sic de aliis.
Est genus quasi aedificanti domum.
Tu non ædificabis mihi domus a summo down.
Tuleritis components-- vobis accipere quasi balneo.
Tu autem humida bedroom-- simul et novum coniunctam.
Habes novum templum.
>> Sic est omnis React et ædificavit per gyrum haec idea of ​​components quod
interactive sunt, quae declarat.
Sicut dicis, quod a profile est, et facit illud.
Sunt componibile.
Vos can take a figura et posuit simul aliquid melius.
Et haerent reusable, si ita est radix code columella,
vos could embed quod usquam.
>> Vos can embed an Instagram quod in vestri own website.
Potes embed in Facebook, ut dum tam React utitur.
Ita components sunt vere, realiter, realiter potens aedificium cuneos telam
quod potest fieri et posuit usquam ad constituendum novum aedificium cuneos.
Quod est valde altiorem gradum overview.
Sic ergo si quid habes quaestiones in quovis puncto
de philosophia reactor, in coding desistere, et mihi.
>> OK, ita se gerit, quia frigus est habet diversum modum spectandi
quam aedificabitis web apps.
Youve 'forsit auditus of MVC, a exemplar vobis temperare vel quicquid in CS50
alia perspiciendi classes vos utor.
Et maxime frameworks sunt idea MVA circuitu.
Non reflecti.
React ædificata est circa ideam of unidirectional data fluunt
graphic hic visus huius vel chart.
>> Plerumque habes unde data.
Et data source decernet quomodo metiar quadam specie.
Et voluntas components deinde, ubi earn mutent,
et nuntiemus in aula data source mutare.
>> Uti Instagram exemplo, vos vires have
a album of post similia in a database, vel aliquid.
Quod data.
Deinde post components vis tollere notitia,
et qui utuntur data reddere aliquid in screen.
Quod suus quid sagitta ex data ad component est,
et data est illa reddere fasciculum componi.
>> Nuntius in Facebook, pro exempli gratia, quae est React,
vos vires habere a album of nuntius ut vestri notitia principium.
Et qui non reddere solum album nuntiis
sed amicos habes.
Habetis unread comes.
Maybe etiam disponere res Facebook ut 'in fundo Facebook.com.
Eadem data est a uno fonte veritatis
et quod facit multum components reddatur.
Cum autem aliqua ex illis components mutatur,
it redit et mutat data fons.
>> Misisti nuntios iudicium
Quod mutat data fons.
Legeris tuas, ita posuisti unread 0.
Quod mutat data fons.
Et adverte quod haec omnia unum telum repetita eadem data
principium, ut scitis, data quaedam data set,
scitis exacte quid page tamquam futurum.
Suus 'deterministic.
Tu scis, quaedam data, quae paginae vultum futurum.
Et suus 'iens ut praedicere conversari et quomodo geruntur
Lorem ad opus confecit.
>> Et si haberem tantam decies componentibus hic eiusdem modi esset iudicium
Vos non haberent Ridiculum interconnections.
Una data redditur a million componentibus.
A million components poterat edit redire elit.
Hoc enim ipsum tincidunt.
Sumamus aedificare componibile, facile scalable web apps.
>> Habetis unum principium data, fontem veritatis.
Quod refert tua components quomodo metiar paginae
et voluntas components palpate interaction.
Si quid autem volunt mutare omnia, iustus redire
mutare notitia radix nuntians.
Fac sensus?
Sic est de intellectu React quam aedificare component
et sociosqu ad litora torquent tuum component gerit mutuam cum exterioris mundi.
>> Rescindentes component penitus cum exterioris mundi
utitur alia technology Flux dicitur, quod
est a compage quod est added in vertice React.
Lorem quod non loqui.
Sumamus loqui de datis notitia, quomodo contendere poteris reddere component?
>> Et sic realiter frigus React quia uti aliqua vis aversa.
Si tamquam aversa Python, Quod si oculus tuus Python spuere possunt de aliqua notitia,
Reflecti potest reddere.
Si non es JS outputs de data, React reddit.
Cum Ruby rails data, React reddit.
>> Ita React est basically a web view-- a fronte finem components
quacumque data undecumque sump.
Itaque quod a data fonte reflecti components est pulchellus facile.
Tendum est paulo durior.
Ut ut ante dixi Pandora utitur.
Non enim intrabit.
Puteus 'focus magis in ut- pars data est.
Hac ratione potes facere refrigerant, fun web apps.
Non pertinet extra Nunc autem alia res.
>> Bene, si tu adesses ad curam mei finis Seminario
scietis quod omnes code for hodierno sermone hoc futurum URL
hic paenitet hoc domicilio hic.
Et iens ut plerumque per quattuor gradus, maybe quinque,
forsit non quinque.
Puteus 'permoveo per quatuor gradus innuunt fabricandae sample React app.
Et per consequens omnes source codice pro uno quoque gradu de via
hic fore, si instinctu sis domi
libenter hoc codice legat.
Hoc si tibi hic, ostendendo decebit in screen,
ne illa sollicitudinem deponendo.
Si domi sentiunt liberum visitabo et hoc website.
At Yeah, vos should polleo impetro omnes velis eguisset codice hic.
Sic suus 'bonus atque seductorem sheet cum casus React novissimis tuis.
Cool, si quis adest, et si domi,
evellere hoc website, is.gd/cs50react, nullam causam non underscore nullo deficientes.
>> Youll 'animadverto ut vultus page parum hoc diligunt.
Hoc est quod vocatur CodePen.
CodePen est collaborative coding environment
quibus codicem scribere possum hic itll 'statim ad te misi.
Et hoc codice scribere possum.
Ego potest currere codice hic.
>> Nam et si example-- reloads-- videre, Ego fugio ad JavaScript code page
ius hic, et si tibi placet automatically reddere a web page
cum hoc JavaScript code.
Et propter hoc est via pro nobis experiri signum
vere velox vacuus having utor ID nostra aut nostrorum locus apparatus
vel quicquid.
Donec a te velocem Mockup et diversa genera experiri code.
>> Im 'iens ut accipiamus codice exemplum ponens hic.
Sumamus existumare eum.
Et si tu domi Id quoque trahere.
Et ego iam installed Hic agere, sic vos can iustus
Scribo vobis codice hic propriam cubilia experiri.
>> Yeah, si omnes homines patefacio sursum hoc link here.
Pauxillum aquæ mihi ad pollices erexisse apertum habeas.
Frigus, frigus frigus.
Nihil hic, sed ut mox mutare.
>> OK, ita est React JavaScript bibliothecam, inquantum huiusmodi,
requirit cognitionem JavaScript, quae telam programming lingua.
Et alia adhibeatur suus Sed lacus nunc primum textus
lingua, si imprudentes ut legitur a site vocavit JSforCats.com.
Suus 'mirabile.
Vos can perceptum JavaScript in media hora.
Suus 'incredibile.
>> Sic eam tribuat a read.
Etiam sit amet huc HTML erant cogitans web pages of course.
Et si vestri 'insuetis HTML, reprehendo sicco HTMLdog.com.
Ego puto React cognita est a million times facilius si iam
scire aedificium cuneos.
Si tium illud maior pars facillimus.
Quod suus React lingua pro vobis.
>> Ita et anteibit faciem tuam, et da haec lecta.
Pause hoc video.
Cedo sis legere domi, si tu non es
aut familiarior cum HTML JavaScript
OK, ita quod erant 'iens ut facturi sumus facturi
a ipsum flashcard app usura basic React.
Sumamus flashcard habere.
Flip possis charta sunt.
Et nos etiam index omnes albique habemus
et si nos 'Sententia ambitiosi, simus
posse ut switch inter cars per clicking in eis.
>> Sed hoc testimonium tuum ossibus meis, a valde simplex React app.
Et hoc fit actualiter tenuis non esse ad operandam,
sed erant 'iens ut, si hoc ipsum, facillimum extendunt
Si te aliorum secum.
Sic erant 'iens per quatuor gradus incipiens a VULNUS ad construendum.
>> OK, ita quatuor gradibus ibo cum primum committitur.
Primus gradus est futuri aedificium edificium vestri primum component.
Nam ut supra dictum, in elementum React iustum an HTML elementum in steroids.
Specificat HTML et moribus, et
specificabitur quam populus quomodo potest mutuam cum
haberet statum internum.
Quasi puga pyga cognoscam sicut quot temporibus quod suus 'been clicked exempli gratia,
et scies ponere per se extincta esset.
>> Eamus ergo et praemittat nostrum aedificabimus primum component usura JavaScript.
Ita legentibus si syntax spectat Ridiculum, quoniam id genus est.
Sic rursum iens ut variabilis vocavit
app usura keyword let, quae facit variabilis,
sit aequalis React.createClass App.
>> Et reflecti est a library habet in genere functio creare.
Et hoc est functio aliquantulus of code ut vos
can utor creo a new type of React component.
Itaque React.createClass facit component,
et hoc vult component poterit facere effercio.
Pelagus res potest facere est reddere aliquid quod est in officium reddere.
>> Rursum si id non apparet index vos commendare pergas JS feles
et reprehendo is sicco.
Quod est in zoomed satis?
Frigus.
>> Sic omnis component necessitatibus habere reddant functionis.
Et reddat munus dicit, print screen quid?
Sed component est Frustra autem est quod non
print screen quid ita vos postulo habeo a reddant functionis.
>> In reddenda est, videbimini iustus HTML reddere.
Et quid est quod frigus illic 'aliquid vocavit
JSX quod est extensio JavaScript quo vtuntur agere.
Eam scriptor HTML scribis inside tui JavaScript, quae
sonat genus infandum, cum Vobis primum cogitare de illo,
sed facit sensu post multum.
Ita et nos potest hoc facere.
Si tibi nota HTML nescio cum foederum ruptore duce div habemus propositum
continens pro effercio.
Div reddere possumus, intus hoc div poterimus elit.
>> Itaque vis dicimus iustum a recta-sursum flashcard nunc.
In flashcard, ut ita dicam, habebit interrogationem et responsionem.
Sic inside huius div, lets ' procer sicco a paragraph
Quid est quod dicit question-- Ad ultimum vitae est?
Et tunc responsum est futurum scilicet XLII.
>> Quod non omnia bene.
Yeah, ita plerumque vere scribere HTML JavaScript in sinum tuum.
Et hoc est iens futurus impensis in screen.
Itaque eam experiri.
>> Sic habemus component.
Nos postulo ut nuntiarem React ponere componentia in screen
ita React.render, sic animadverto ut nos app tractare sicut quaelibet alia natura meare videantur.
Scribimus ut erat elementum.
Similis quem ad modum dicimus quasi img ad imaginem vel paragraph pro p,
App scribis, ita est App agitur quasi HTML elementum.
Ut supra dixi, suus ' elementum in steroids.
>> Ut reddas App, et da locum contulimus.
Et hac ratione potes dic ubi posuerunt.
Quem creavi, a simplicibus ad div page uocata an ID of page,
et ut 'ubi elementum suus 'iens ire.
>> Et nos erant 'iens ut currere HTML.
Basically hoc est iens impetro put inside of this page elementum
habemus in screen.
Ita itque reditque codice, et hoc multum ex vero traxere aliquid in screen, ut hic sumus.
Fecimus primi React component.
>> Sicut ergo a recap, leniter nos fecit componentium novum iudicium
Qui est scriptor quid React.createClass.
Et quod in component, nos quid agendum referret.
Component, quoties huic malo est ipsis typographis imprimenda onto screen,
cum illud imprimere div in binis articulis superioribus inside of eam.
>> Quid nos fecimus novum app uti anguli bracket notatio app.
Nos referret pones intra page elementum.
Itaque feci non creatum inde novum app template.
Narravi coniectoribus somnium, et postea reddidit.
Sic dixit, OK, app, quid procer sicco?
App dicit vade procer sicco a div cum duas paragraphos inside of eam.
Et voila, illic 'nostra div duas paragraphos inside of eam.
Facere sensu tantum?
>> Sic omnis provocatio React sciens est compositus.
Sociosqu ad litora torquent per components cooperantur.
Nunc eget nostrum primum component, eamus tergum
et components customizable.
Ita Vos enim nostis quomodo in HTML vos potest dona domus tuae alteri buttons classes?
Vos can tribuo vestri ad anchoras href.
Vos can typus inputs dare iudicium
Cum magis accommodare debeas consuetudinem proprietates ad omnia elementa
ut magis interesting.
Et nos actu potestis facere exactam idem.
>> Sic dicimus nostrum app ire nullam card.
Nunc nos iustus Caussam reddidit hardcoded card.
Scimus illic 'tantum unum card potest facere, ita sumus
Hoc modo et mutare molior possumus iustus tribuo aliquam card.
Itll imprimere card.
>> Debes rapta vestro components ualde generale propositum.
Et hoc modo possem email et ipse est amicus meus similis
flashcard quidquid habes, sicut et pascam illas in hic,
servus tuus erit igitur et per se.
Nec poteris ex te aliis quae in vestris app.
>> Primum igitur, fregerit in duas partes,
sed volumus ut dividant card printing parte ab ipsa parte app.
Quid enim possumus mutare potest ex App
ad CardView, sicut a novo nomine app,
et potest facere novum component App dicitur,
Non confundenda cum senibus App.
Weve 'got in createClass, et sicut in HTML,
potes nidum React components inside of invicem.
>> Ita in hoc munere reddere, munus CardView reditum,
Hoc est exigere idem.
En cur suus res eadem geritur?
Sed tantum reddere quod app habet div et pairing inside of eam,
app reddit CardView, et CardView reddit div et paragraph.
Hoc est primum exemplum nesting elementa inside of invicem.
Vtrum qui faciunt sensus?
Sic habemus CardView elementum.
Habemus elementa app quod maior quam.
>> Bene, si volumus nos CardView-- dabit bonum CardView quodam card,
itll imprimere vobis iudicium
Primo requiritur ad card, ita faciamus a card obiectum.
Sic magnificetur anima mea card equal-- si vestri 'omnem familiaritatem,
hoc est notatio ineundis in JavaScript obiectum.
Est genus quasi struct in C ita fecimus schedulam
Et nunc non possumus uti card istud proprium vel appropriatum HTML
terminology nostram app.
Considerari ergo potest hoc App card myCard pares.
>> Scis in input facitis type pares text input vel puga pyga
class pares Btn pro bootstrap ,?
Eadem idea, App card equals-- youve 'got ut in capreolis collocatae here--
App card pares myCard summissa, sic haec hoc dicit habemus card obiectum.
Im 'iens ut transiret facultates cum dispensatione component app.
Et hoc app component voluntatem et facere posset obvius
interesting effercio cum eo.
>> Sic futurum est app datum a card, ita nunc,
lets iustus tribuo app habere card ad CardView
se quia sicut non app ut cum ignoremus quid agere debeamus,
sic puteus 'iustus tribuo ad CardView.
Ita transibo eam eodem modo, card pares,
et sic quelibet pars potest obvius quae data est ei.
Possunt obvius proprietates quæ data est illi
utentes hoc syntax, this.props.card.
>> Quid ergo hic accidit habetis myCard obiectum.
Vos transire in app usura App card myCard pares.
Quod obiectum card data app.
App can obvius eam ut this.props.card.
Est genus quasi imago scit quod est fons.
>> Hoc quid est app card est, illud materia potest.
Potest facere computationes.
Potest iudicabunt off.
>> Nunc erat transiturus this.props.card onto CardView.
Facere sensu tantum?
Sed iam faxo sapit.
>> OK, ita nunc sumus CardView at.
Our CardView, dedit card, ut imprimere suam interrogationem et responsionem.
Nunc iustus apud aliquem hardcoded quaestiones et responsis ejus.
Nos postulo ut instar out-- egemus petere card dare nobis
quid quaestionis responsionem tunc procer is sicco in screen.
>> Hic igitur possumus.
Reddere in begin-- primo pares.
Quid ergo agis hic scimus pecto donata ad proprietatem,
ius?
Suus 'an input nobis data.
Amo suus paene istius necessitatis consimilis argumenta a munus.
Card est argumentum paene ad hoc CardView.
>> Nos id extrahunt et posuit illud in variabilis quaestionem.
Planto certus responsum abiit aliae ad incertos responsum.
Qui offert ultroneus card respondere.
Et quoniam habemus illa excudendi, ex loco illo textu
erant 'iens ut procer sicco quicquid nobis dedit.
>> Hoc igitur ita dicturi sumus stuff-- Et respondendum est, ut de quaestione.
Videamus si hoc facit.
Frigus, sic lets 'step per eam quippe semel tantum.
>> Ita card card obiectum est, et nos damus quod card ad app.
Et veniunt ad app card et da CardView.
Hoc dicit CardView si Nihil mihi dabis flashcard obiectum,
Ego procer ex eius quaestione quoque eius et exauditio, ius?
>> Quid ergo possum facere non potui hunc codicem, primum
X similis acies mea scripta, amico meo.
Posset in embed suam application.
Quamdiu ille idem sicut CardView card aequatur,
dum creatorem CardView ius dedit indicium
oppetere sua card.
Et hoc est valde frigus modo pro vobis consilium ut domum
components qui utuntur invicem man hu quod iustum est?
Hoc card, possem auditum hoc CardView in Penitus,
posset populus utatur.
Sic basically, suus una functiones in C vexillum library.
>> Sit functio ubi quis scripsi.
Vae vobis scribae quidam input.
Sed aliquam tibi output.
Non laboro interius operatur.
Quamdiu tu dederis iure input, itll ius output.
>> Et potest esse a component cogitari eodem modo.
Hoc CardView similis a library functio.
Si dederis aliquid card secundum quod est proprietas, quod youll '
contentis in dicta imprimere card.
Sicut si mutare card ut potius plus quam V XXXVII,
is mos update secundum.
Itaque sicut per transmutationem input is gets quidam output.
Sic vos can fere cogitant de componentibus ut hac ratione muneris, quod
vos can loco simul.
Vos adepto input, sicut hic CardView sicut input, tibi output.
Hic output tellus.
Facere sensu tantum?
Cool, ita quoque proprietates quomodo potest transire notitia
in et de componentibus.
>> OK, ita quod faciamus res interactive.
Nunc generis amet.
Quod [tacita]?
Vos can procer aliquid ex, sed omnia in quae potest.
>> Eamus ad vetus quaestio iustus pro nunc.
OK, ita nunc talia membra sunt odiosis, quia omnia quaecumque faciet,
adepto input.
Faciunt output, ius?
Ut 'genus amet.
Volumus habere components posse habere
quandam ipsius statum internum, sicut memini aliquid.
>> Nam a flashcard enim Exempli gratia, quod tali statu
ut vis Recordatus sum a flashcard?
Quid status temporaria ut vos volo ut memores sitis eorum
pro flashcard in flashcard app?
AUDITORES: Utrum suus 'been flipped?
Neel MEHTA: Yeah, ius.
Sic vos vires volo ut custodiant track of es faciem aut
super faciem card.
Facebook sicut tu commemorare libet ubi nuntio feed
quis similis tui neque est profile nunc agis.
>> On Messenger, quale vos text typus in input buxum iudicium
Si refoveo page, abit.
Sed non curat.
Suus 'iustus temporaria.
Yeah?
>> AUDITORES: [tacita]
Neel MEHTA: Sicut a mico card sicut potes videre
quaestionem hanc aut in illam partem responsum?
>> AUDITORES: OK.
>> Neel MEHTA: Sicut duas partes flashcard iudicium
Yeah, ita vis hoc nunc ideam
Ea praedia similem inputs, sed rei publicae, quod est temporale, uh,
in quo nunc es page iudicium
Apud eundem, Ego dixi in Facebook Nuntii, in quo mihi quis
tu viewing Facebook aut quis est profile iudicium
>> Hoc est temporalis.
Suus 'maximus ut utentis quid agatur autem page reficiunt.
Non vere materiam.
Sic suus 'tempus statum, ita omnes status it.
>> Sic et nulla rei huius.
Fulcit input est datum a fonte vestri notitia.
Status est sicut defaltis.
Suus 'iustus sicut effercio quod rem facit interactive.
>> Ita hoc melius habent CardView-- sic magnae fuit nostri CardView-- nice.
Quid acturus es hic enim adipiscing tangere CardView et tantum CardView.
Itaque hanc meum qui autem non tamen nulla differentia discernantur.
Non habere mutare quibuslibet suis code,
sed youd videritis viam eorum CardView souped got up.
Quod suus 'a nice partem de componentibus.
>> OK, ita in CardView eamus satagit servo semita of sumus sive phase up
aut in faciem.
In React faciemus hoc primum requirentis statu initiali reperiebatur.
Undenam card incipient?
>> Ita erit functio vocavit getInitialState elit et revertamur obiectum.
Quod obiectum aliquod rei publicae status est a key-valorem par.
Quale erudieris et clavem habes pluris tibi nomen quasi filo.
>> Hic autem dicimus verum ante.
Hic dicitur quod sit status.
Una pars rei publicae est attributum vocavit fronte.
[Tacita], sic per defaltam, card in fronte erant,
et mutare non possumus hoc sicut et nos TALITRUM card.
Fac sensus?
>> OK, ita reddere, nunc sumus responsumque quaestionem ostendens.
Nunc ergo si quid agere debeamus ostendendum est quaestio
et si sumus in introitu card responsum est a tergo card.
Ut 'quare vos omnes card interactive.
Sic et hic experiri.
Bene, primum iusti variabilis.
Uno modo, poscendo nunc this.state.front.
Nos obvius state eadem nos accessum fulcit, ita this.state.front.
>> Si sumus ante currum text this.props.card.question est.
Si nos in fronte schedulam conari erant 'iens iaculis
quaestio ex card.
Quod si nos a tergo card, quid faciemus?
>> AUDITORES: Respondetur?
>> Neel MEHTA: Vidi, ita text this.props.card.answer pares.
Si vos animadverto sumus usura Ad Statum pertinet cognoscerent statuerentque
quia jam component si forte respiciat Dominus different
fundatur off quomodo haec penitus eam.
Ita pro excudendi, ex hoc nos iustus procer ex textu.
Cool, ita, ut videtis, videmus modo quaestionis.
Et si mutare statum hic manually ut ante nos adepto falsum XLII retro.
>> Sic iterum, hoc component habet suum statum.
Quasi puga pyga ignoro utrum suus non expressa,
hanc rem, scit quid desideret fronte aut tergo.
Per defaltam suus anteriori.
Et si est in fronte, certe imprimendi quaestio.
Si est a tergo, si tibi placet procer sicco responsum.
Sic rursum notitia eadem est.
Is iustus spectat diversi ex quo illud propositum.
Ut, verbi gratia, Facebook tabellarium, si tibi eadem causa data,
ut videat aliter propter amplitudinem gravitatemque civitatis est diversa.
Vestri 'vultus procul a alium nuntium.
>> OK, ita et haec omnia Bonum autem quod actu
mutare nos vel nostri card est ante vel retro.
Possumus hoc addendo flip ipsum, quod a felis pecto
et TALITRUM card si suus '[tacita].
Sic lets addere felis, hic ipsum, et hoc ipsum dicere flip.
>> Et ita nunc eam non facere quicquam.
Is iustus spectat nice.
Quid possumus addere possumus click tracto, onClick this.flip pares,
et puteus postea definire flip.
Sed basically, onClick est quod functio
sudatio dicitur cum user clicks it.
>> Ita conjunctionem cognoscetis cum suus 'been clicked.
Incederet suus clicked, erit TALITRUM card.
Suus 'genus similis tui pittam.
Tute huiusmodi ius quandocumque aliquis vocant, liberabo Etruscum iudicium
>> Vos adnotet hoc auditor.
Audire enim eventus.
Tibi dicitur, et cum eventus fuerit, faciendum.
Vos adepto pizza.
Hic cum tu clicked vos flip card.
>> Vnde oportet definiat hoc munus flip card,
sic puteus 'scribere quemquam id ius usurpasse hic flip munus.
Quid censes igitur flip faciam?
Iterum hoc sudatio vocatus flip nos click puga pyga.
Quid functio flip facere?
>> AUDITORES: Mutationem this.state.front de vero in falsum, falsum est.
>> Neel MEHTA: Vidi, ita quicquid this.front is-- fronte statum est.
Take a fronte statum, si illud verum sit falsum.
Si suus mendax verum erat iudicium
Sic lets 'quod experiri.
>> Non potes mutare statum iustus per facere this.state.
Non potes ne facerent verbum hoc.
Vos non potestis facere.
Vos have utor functio vocavit this.setState.
>> Ut possis dicere this.setState ante colon hoc ubi rursus exclamationem
punctum significat contrarium.
EGO coniecto hoc. state.front verum, falsum erimus.
Sic puteus liberandam rem p de vero in falsum.
Si falsum est, certe Pone quoque eam falsa vera fit.
>> Iustus animadverto ut nos posuit et leviter aliter sapitis et hoc melius conantur.
Bada bing, respice in hac hora.
Flip puga pyga mos nunc artem ascendebatur ad statum.
>> Ita fit, ubi videris parvam React amet.
Sicut locutus est ad re- numquam reddas.
Nos nunquam narravit illud redraw aliquid.
Si vestri 'effectus hac sine React, mallem te
et constituite sicut cum flip puga pyga est clicked,
scire putes dic manually re-reddere, ius?
>> Reflecti realiter frigus in quod si et quodam modo dare proprietates
semper reddant exactam idem.
Itaque aliquando emendemus statum et proprietates,
mox iterum reddit totam rem agere.
Cognoscit tamen quod illic 'a one-ad-unum correspondentia
medio civitatis et parameter HTML.
Ita ubi aut eorum set per mutationes status,
erit mutare quomodo merces re-reddidit.
Et sic basically React similis te exspectat mutare.
>> Quoties mutat aliquid, re integra itll page reddere.
Et si sonat hebetem, quia illud esset,
sed utitur reflecti rem dicitur Umbra DOM.
Instead of page ducto ex directo, custodit virtualis HTML arbor in memoria.
>> Scis HTML sicut arbor, sicut hierarchicus notitia structura.
Ante quam eluantur fictus lignum in memoria, quotiesque eget paginae
itll alium trahere fake ligno frondoso et vocem itll computare
quod mutatum est necesse ponere facere page duae arbo res aequales.
Sic basically, virtualiter re-multum reddit.
Et tunc sicut non mutat page parum tweaks quatenus opus fuerit,
sic suus 'valde valde efficens.
>> Sic basically React voluntatem quotiens mutare aliquid,
iterum itll page reddere virtute.
Youll 'postulo ut instar sicco quid mutare facere realis page reflectere
page virtualis et faciam illud.
Ut 'rectum DOM.
Suus 'unus of maximus features of React.
>> Vtrum qui faciunt sensus?
Quis quaestiones?
Yeah?
>> AUDITORES: Quomodo compare usque ad MVC
quod locuti sumus sicut ante resources.
>> Neel MEHTA: Yeah, quaestio est quomodo se conferet MVC?
Vos quaeritur de resources.
Ceterum fama quam operatur.
>> In MVA fueris eget exemplar.
Secundum hoc exemplum putes card.
Visum haberent flip puga pyga, et imperium
haberet flip munus.
Ita visum tunc loquebatur ad filios controller ad flip flip.
Flip tunc loquebatur ad filios exemplar mutare, ius?
>> Itaque cum videris an MVA tu exemplar eiusdem auscultationis suae mutaret,
et re-Reddat visu secundum.
Vel vos iustus have ut similis habeat moderatorem.
Exspecta formam mutare et carpi parte ad modum
mutare.
Habemus hic aliud, sed in magnum app,
memores estote verborum quae tibi placet mutatio in singulis omnibus locis,
sic suus 'aliquantulus molestus.
Itaque React delicatus quia habet umbra Dom.
Eam afferre potest ut iustus RESCRIBO totam rem.
Vos dont 'have ut selectively sicut coniecto quid update.
>> On Facebook, si libet, accipere nuntium in MVC,
youd 'have ut memores sitis eorum, OK, mutare res quae
at verticem page, nuntium icon.
Etiam a pop fenestram in imo compingantur.
Item novam rem fecerit in fenestra.
Etiam ludere sonus.
>> Ut sit amet effercio simul exitum.
Et si non habere Umbra Dom, mallem te
have efficio quod quia manually carere non potest totum page.
Non potes praestare, ut tibi mutare unumquodque manually,
quod in MVA molestum.
>> Ita in ordine ad esse parcus, et selectively
page update, qui est efficiens, sed etiam molestus.
In React propter Umbra Dom utrumque tibi gratis.
Suus 'quia efficiens de Umbra Dom.
Bottleneck est adaequationis ad page.
Suus 'non faciens flexibus ligno.
Vos adepto efficientia.
Vos quoque adepto otia usus si vos iustus RESCRIBO totum page,
sed iusti, recte res page alicubi in futura.
Ut in alio loco, sed suus 'iens in pagina iudicium
Sic vos iustus re-reddidit totam rem virtualiter,
et faciatis a iugo Mutationes commentationum quae huic paginae ipsum.
>> Sic et vos in MVA alterutram eligi oporteret
Inter usurpare otium efficientiam et agere, et tibi.
Sic suus 'melius.
Fac sensus?
Solidum constare relinquas.
>> OK, ita videre fama IV pauco circa pedem,
quomodo possumus embed componentibus.
Itaque hoc modo.
Frigidum habemus ipsum.
Possumus et TALITRUM eam egredere, et omnia quae facit.
Sit scriptor dicere volumus alium component.
Lets 'narro nostra app flashcard should Habet elencho omnium pecto
quod habes, ut non modo aliam component.
Bene, maybe dixerim album visum.
Elenchum sententiam faciamus coexistit CardView,
et hoc album visum et CardView similis opus simul.
Et cum volueritis potestis ea cogenda nostrae enim app.
>> Primo a faciamus iugo magis cards ius.
Sic nimirum quod card
Et sic non oportet bore typing in te,
Im 'iustus iens ut effingo quod hinc.
Itaque non ego dabo iustus unus card.
Im 'iens ut darem aciem nibh.
Primum itaque apps iens ut fran- gam nunc.
Omni jure, ita dicturi sumus facere hoc contrectare potuimus multiplex nibh.
Primo erant 'iens ut darem eam non sed solummodo aciem card card
sicut a album of cards.
In hoc casu tribus.
>> Omni jure, ita ut app iens ut index card
et suus 'iens, uter unum ad ostendendum CardView.
Potest solum in CardView reddunt unam schedulam sed app
accedit index pecto omnes iudicium
>> Ita cum vos instar sicco unum card dare CardView,
quomodo te posse coniecto de quibus statuere card
ostendere?
Dare signum illud tempus Youll 'exsisto visum quendam card.
Si refoveo page, youll ' sicut ad primum redire card.
Ut eget enim tempus illud.
Quid ars ut utimur?
>> AUDITORES: tu posse variabilis ita sicut ante habuisti.
Hoc verum est, vos could habere current pares I card?
>> Neel MEHTA: Yeah, ita et nos velle statu iudicium
Vos would utor state in component ut instar sicco
card quod nos volo impetro.
Sicut nos habere a album of omnes pecto, puteus '
uti state ut instar sicco unus de primis card,
card secundi, tertii card, et sic de aliis.
>> Sic an app so an app mos adepto a habent getInitialState munus,
getInitialState functio redit.
Et puteus 'dicere activeIndex 0.
Ita nunc nostra app habet proprium statum.
>> Et nunc retribuet, instar card eamus nunc ad pugnandum
et capto aliquid ad quod index.
Select card aequalis this.props.cards this.state.activeIndex.
Itaque videtis et adminicula status actu cooperantur.
Ita nunc quod habemus activeCard, feres activeCard,
et videamus hoc facit.
[Tacita]
>> Utinam illud erat error.
Ah.
>> Cool, yep sic retro fuimus in quo fuerunt ante iudicium
Eadem progressio, nisi nunc non possumus sustinere
elenchum lacus non unum card.
Et nunc, si nos mutari activeIndex possumus ire 0 I,
et nunc secundo card, et cum valefecissemus invicem ascendimus 0.
Sic hic 'a new nostram versionem souped sursum.
>> OK, ita melius est quod album visum metus in omnes ostendit propositum,
sic faciam a new component ListView vocatur.
Sit ListView react.createClass pares.
Reddere volumus ul item omne album est album card.
Et sic habemus fasciculumque nibh.
Volumus unum list item quia omnis card, ius?
Neque enim facere poteramus loop aliquid novum list item.
Viam fecisti in Reflecti, uti rem vocavit map.
Map est instrumentum vel functio uteris vas quod currit muneris solvenda necnon,
reditum in pretio habet, et tuus dabit tibi retro.
>> Ut exemplum habemus aciem I, II, 3.map function-- et hoc
est enim a actuaris exceptam function-- x sagitta x times x.
Hoc dicit, quia quilibet numerus in I, II, III, tolle.
Origo et redde.
I Quid putatis, II, 3.map x goes to x temporibus
x dat tibi dedi quod hoc munus est
run per elementum ut ordinata.
>> AUDITORES: I, IV IX?
>> Neel MEHTA: Vidi, I, IV, IX I I temporibus propter vos.
Qui dat vos unum.
Ut primum elementum.
>> II est II temporibus IV.
Quod in altero temporis puncto.
III III tempora est IX.
Ut 'tertium adiacens.
Fac sensus?
Ita map habet ars vobis uti in programmers eget,
novum genus Aliquam libero facere aliquid
in omni elementum elit.
Et ideo rationabiliter hoc sonat familiar.
Nos index pecto.
Volumus item ut omne album qui ita iustus utor hic map.
Puteus 'dicere, absit aequales this.props, cards, map.
>> Dedit itaque card sumus iens ut generare list item
cum parte argumenta card.
Lets dare volumus dicere pecto ut card.question interrogare.
Ita hoc list continet LI array sive List Items
ubi unum list item quia omnis card,
et quod continet quaestionem cards.
Fac sensus?
>> Cool, ita nunc, scriptor actu procer foras.
Et revertentes ul.
Intra quod inordinatum album, nos etiam membris iustus virga
quod dedit nobis.
Frigus.
>> Omni jure, ita nunc album visum opera iustus reperio.
Quisque circa album visum?
Tu fasciculum nibh.
Vos item omne album card.
Posuisti interius li album et redde.
Nunc ergo eamus ita nos embed nostra app inside of hoc,
possumus hoc album visum.
Qua ratione factum est ut album visum nos?
Quae proprietates damus?
Memento, si dederis it fasciculum cards,
itll facere album visum pro illis cards.
Quid ergo nos transire hic sicut argumentum?
Auditos editis card
Neel MEHTA: Yeah, ita cards pares this.props.cards, ius?
Et sic solus forsit est ut vos can tantum
unusquisque in summo gradu elementum reddere, et involvent illud div inpertiendam.
Suus 'fatum.
Itaque si videamus.
Vtrum qui operantur?
>> Vidi, ibi tu properas.
Ita nunc habemus a list of cards collocemus in imo,
et tunc habemus CardView se in vertice,
et quod inter flip duabus card.
Sed quomodo id faciunt sensum fecerunt?
Yeah, ita quoque duo habemus.
Primum component prints ex omni numero in card.
Ut 'album visum.
Et secundum adiacens iustus procer sicco ut card.
Si dederis aliquid schedulam itll procer sicco information about quod card
et reversus es flip.
>> Si volumus, possumus experiri loquamur addens quaedam relationibus de hac nova.
Paulo aliter loquamur ad velocitatem reactor,
vel excludere possumus quaestionum vos vires have
quia haec omnia sunt ex partibus core et agere quod volo loqui.
Possumus et anteibit faciem tuam.
Possumus respondere quaestiones.
Quodcumque volueritis petetis.
>> AUDITORES: numquid tolletur JSX in normalis JavaScript?
Aut est quod aliquid venit cum [tacita]?
>> Neel MEHTA: quaeritur unde profecta sit can vos utor JSX normalis JavaScript?
Et respondendum est, quod sic.
Sit amet suscipit JSX viam vestram Inside of HTML JavaScript quod habet illud,
et exequitur quod in JavaScript non habet HTML inside of eam.
Sic animadverto that-- sic animadverto hic.
Hoc vultus amo vos have ut div et non habetis effercio inside of eam.
>> Quod compiles ad quod JavaScript simile generat simile.
Fatendum est quod loquor JSX syntactic sit amet, suus
praeprocessorium dicatum ad JavaScript multum quasi PHP est praeprocessorium dicatum ad HTML.
AS est praeprocessorium dicatum pro JavaScript quod lets
quos posuistis in medio tui HTML JavaScript.
Si ergo habes ius transformer quod aliquid dicitur [tacita]
qui reformabit corpus.
Ius praeprocessorium dicatum, dabit illud feceris.
>> AUDITORES: [tacita]
Neel MEHTA: Usitas vos non indigetis ut inside of HTML JavaScript
nisi fratrem vestrum istud React.
Sed certe potest.
Yep?
>> AUDITORES: Puto te descripserat React
sicut eget programing lingua.
Nos Ive 'been discentes C in CS50.
C est etiam a eget lingua?
Neel MEHTA: Ita quaestio est eget
versus aliud dicitur imperative processualibus aut programming.
Illic 'duo genera progressio aura popularis ierat.
Unum vocatur processualibus, quae quasi faciens omnia mandata
alius muneris ista quae habens circa functiones et loculos habens,
input et output illorum.
Reflecti est eget paradigma.
C est valde processuales peragendos paradigma.
>> Et exemplum C puta dicitis non feceritis nulli hoc modo enuntiativum
faciendi rationem iudicium
Te dicere hoc imprimendi.
Mutare hoc notitia structura.
Print this.
Suus 'circa omnes praeesse exercitibus opporteret.
>> In React, illic 'non quod multi praeesse exercitibus opporteret.
Suus 'circa omnes habentes components posuistis simul.
Haerent hujusmodi facere.
Habetis quasi functio vocavit CardView,
quarum altera est functio quod habet input, output,
et ita est in omnibus React de hac phylosophia expressius
nobis having-- habes data.
Transieris per hoc algorithm, et itll '
output HTML quod vos sicut typis in page,
ita et vos have ut extruendam eam in frusta concisam.
>> Itaque ut eliceret ad similitudinem Dixi, scis
si is on Facebook nuntius et imitaris eget partes,
quod processuales peragendos.
Suus 'imperative, ius?
OK accepi nuntium.
Sit scriptor ob rem mutare.
>> Lets pop a fenestra hic.
Sit scriptor ob rem mutare.
Sit scriptor trahere hic.
Quod suus 'a processualis appropinquabit.
>> Id huiusmodi angulatis Boost, Backbone, alia frameworks uti.
Reflecti est muneris.
Suus 'a longe aliter cogitandi de rebus.
Quae hac ratione tibi melius muneribus quibuslibet fungi vel algorithms quod vos hic sedebitis?
dare data.
Itll exspue quod sit, et computer
pascam appendebat.
Sed illud non poteris sustinere.
Numquid parum faciunt sensus?
Yeah?
>> AUDITORES: In eget a lingua, omnia contingit simul?
>> Neel MEHTA: Nequaquam ita fiat, quae ventura sunt in ordine.
Sicut hic illic 'adhuc ordinem, sed non
contingere in ordine sicut commendo, quia manda remanda manda.
Contingit in ordinem munus dat tibi output.
Hoc in aliud munus.
Posuit quod in alium munus, aliud munus.
>> Si laeseritis CS51, youll discere eget progressio
paululum materiam hujus sacramenti.
Sed basically quid fiet Reflecti frigus est non solum
uno modo data fluunt et virtualis Dom,
sed etiam hac idea eget programming.
Et ad munus programming est id dictu facillimum in auram et faciunt de materia,
Perfacile factu esse suus de causa et de.
Sic suus 'ducatur aliud agere.
Amplius interrogare?
Yeah?
>> Auditos um quid habes contra usum var?
>> Neel MEHTA: Ita quaestio est Cur ergo non uteris var?
Hoc est quod vocatur ES6 vel ECMAScript VI.
Sed nova JavaScript.
Illic 'a fasciculumque technicae rationes, Sed melius versionem var.
>> Sed quid dicis purus.
Vos can utor let.
Vos can utor var.
Let habet fasciculum technica reasons-- aspicere potes eos
ascendit later-- quare suus 'melior.
Basically, ES6 has nonnullus nice novum syntax, aliqua etiam surrexerint nova
super veterem JavaScript.
>> Ita similis quinque minutes.
EGO iustus volo loqui Unus plus rei realis ieiunium.
Si habueritis quis quaestiones, post haec fama.
Sed tantum hoc gets captus in camera, EGO iustus
quomodo aliquid loqui vere utor in vestri React apps.
>> Si tu hic, Facebook.GitHub.IO/react,
hanc paginam pro React et quod ostendam tibi qualiter etiam per
Reflecti in pages.
Basically, suus 'a parum complicated trying ut install React.
Non tam facile vos duco et stilla JavaScript ibi.
>> Vos habere tuum transformer profectus est, quod, sicut facere ante consueveras
contaminationibus vestris avertite JSX in normalis JavaScript.
Vos have ut quod tibi placet vos compilare ES6 ut Northmanni.
Ibi multum moveris JavaScript partes agas, ut nulla re
vocavit Yeoman, Yeoman.io.
Et hoc est mandatum linea tool ut youll auxilium vobis æneam tuam React
exertus facile.
>> Sic ergo vales scripturam legere hac postea autem sunt instrumenta
quod Yeoman offert.
Tute creabis React app omnia aedificavit in.
Sicut itll aedificavi in, aedificavit in componentibus.
Quod youll 'have vestri transformer aedificavit in.
They have multus of frigus effercio aedificavit in ipso
usura haec vocatur generantibus.
>> De hac igitur, si placet.
Perge modo Yeoman y O M E N A et Nullam similia generantibus.
Et generantibus similis haec, te similis unius puellarum
est order versus duo praecipit.
Itll æneam educturi totam React app pro vobis.
Quod youll 'adepto omnia manual limbis, et opus porce tibi
et ideo iustus dolor on iustus scribens in React.
>> Sic basically aedificanti App nontrivial reflecti est.
Suus 'wired omnes simul, sed Faciam enim sunt instrumenta.
Si vis facere React app conantur facere est.
Si vis experiri vos can tendo utentes CodePen
quia hoc habet CodePen omnes reflecti wiring.
Iam opus feci.
>> Si vis ut productio dimittere React app,
experiri unum ex istis generantibus.
Si vos iustus volo ludere converso, saepe tanti
sicut conantur circum aram ludentibus in CodePen here.
Sonus bonum?
Frigus.
>> Ut ergo ego.
Deinde vt omnes code here futurum hoc website.
Sic nos non loqui circa frequens syntax of React,
sed invenire omnibus illis syntactical paulo details,
omnes suus 'iens sit amet in hoc website hic.
>> Ita 'suadeo similis ad primum ferendum gradum.
Mitteret illud in peram CodePen tuum.
Try opus facto ad secundum gradum.
In quarto gradu atque ubi ex te.
>> Amplius interrogare, reprehendo page ut email.
Quod suus meus email.
Sed rutrum nulla amabis de quaestionibus React habeamus.
Sic yep, id quod habeo.
Tibi gratias ago pro omnibus diversi generis multa nimis vigilantes vel frequentandi.
Et ego capiam quicquam interrogare ne vos quidem iam.
Et gratias pro salute omnium.