1 00:00:00,000 --> 00:00:02,910 >> [MUSIC PLAYING] 2 00:00:02,910 --> 00:00:04,850 3 00:00:04,850 --> 00:00:07,275 >> Neel MEHTA: ecce habes quod tuum est. 4 00:00:07,275 --> 00:00:11,070 >> Bene omnibus grata web React apps de futuro. 5 00:00:11,070 --> 00:00:11,870 Hoc est CS50. 6 00:00:11,870 --> 00:00:12,930 Et est nomen meum in Terra Mirabili. 7 00:00:12,930 --> 00:00:17,689 Sum enim a TA CS50 et a sophomore Harvard College et ipsum 8 00:00:17,689 --> 00:00:18,730 iracundus telam elit. 9 00:00:18,730 --> 00:00:20,730 Ita Im 'valde excitando loqui in auribus vestris hodie, 10 00:00:20,730 --> 00:00:24,550 sive hic sive domi vigilantes, de React, quod est, iterum 11 00:00:24,550 --> 00:00:27,270 ut dixi, in futurum web apps. 12 00:00:27,270 --> 00:00:29,055 >> Ita React est a web elit. 13 00:00:29,055 --> 00:00:30,930 Et ut Ive 'been narrantes quibusdam hic, 14 00:00:30,930 --> 00:00:33,400 a compage est iustus set instrumenta vos can utor 15 00:00:33,400 --> 00:00:35,770 et libere ad texo vestri web app. 16 00:00:35,770 --> 00:00:39,010 Et web apps sunt etiam websites qui interactive sicut Facebook, 17 00:00:39,010 --> 00:00:42,330 Twitter.com, Instagram.com, quidquid. 18 00:00:42,330 --> 00:00:45,590 >> Sic Facebook est a compage web quod per Facebook 19 00:00:45,590 --> 00:00:48,060 a iugo annis back-- React est. 20 00:00:48,060 --> 00:00:50,830 Quoniam suus 'been adsuesco assuesco in On Facebook eorum mobile apps 21 00:00:50,830 --> 00:00:52,460 et web app, Instagram. 22 00:00:52,460 --> 00:00:56,350 Academiae est alius prominent mane adopter of React. 23 00:00:56,350 --> 00:00:58,630 >> Suus 'vere questus fuit maxime popularis. 24 00:00:58,630 --> 00:01:03,420 Si quando utor, quasi res aut Angular Narum, est ex eadem familia ortum, 25 00:01:03,420 --> 00:01:05,830 sed habet cum longe praevertere acceptissimi. 26 00:01:05,830 --> 00:01:06,890 Suus calidum novi. 27 00:01:06,890 --> 00:01:09,590 Suus 'vere, vere ingens. 28 00:01:09,590 --> 00:01:13,470 >> Et non sicut bonum React web cito sol- vendam interfaces aedificium. 29 00:01:13,470 --> 00:01:16,020 Suus 'bonus ad aedificationem interfeisi telam. 30 00:01:16,020 --> 00:01:18,350 Ibi suus 'quoque a re Arx quod vocatur React 31 00:01:18,350 --> 00:01:22,200 lets vos autem aedificatis interfaces for Android et iOS 32 00:01:22,200 --> 00:01:26,390 Vestibulum aliud in posterum forsitan tantundem usus JavaScript code. 33 00:01:26,390 --> 00:01:31,130 Vos could utor exigere idem JavaScript code reddere websites, 34 00:01:31,130 --> 00:01:33,040 reddere Android apps et iOS apps. 35 00:01:33,040 --> 00:01:35,000 >> Donec a ipsum suscipit tempus. 36 00:01:35,000 --> 00:01:37,070 Suus 'vere, realiter frigus occasio. 37 00:01:37,070 --> 00:01:42,020 Suus 'vere universalis web development tool interface, 38 00:01:42,020 --> 00:01:44,420 sic suus 'valde refert scire. 39 00:01:44,420 --> 00:01:46,949 Cum autem turba dicebat prius haec, opinor, 40 00:01:46,949 --> 00:01:48,990 est iens ut quam mutare aedificare web apps in aeternum. 41 00:01:48,990 --> 00:01:55,820 Sic suus 'aliquantulus maybe hyperbole, sed reputo suus pulchellus bonum scire. 42 00:01:55,820 --> 00:01:57,580 >> OK, ita quod React? 43 00:01:57,580 --> 00:02:01,020 Reflecti est a compage possis uti ad aedificationem interfaces. 44 00:02:01,020 --> 00:02:03,240 An interface est, iterum, a web page, ius? 45 00:02:03,240 --> 00:02:06,340 Sic hic 'Instagram.com, usus React. 46 00:02:06,340 --> 00:02:08,740 >> Reflecti aedificatur in idea ex componentibus. 47 00:02:08,740 --> 00:02:11,900 A component est HTML elementum in steroids, 48 00:02:11,900 --> 00:02:14,470 sic quasi HTML elementum ipsum. 49 00:02:14,470 --> 00:02:15,250 Suus 'a paragraph. 50 00:02:15,250 --> 00:02:17,500 Vestibulum capitis iudicium 51 00:02:17,500 --> 00:02:22,740 Et Instagram utetur illa, sed etiam uti tium React. 52 00:02:22,740 --> 00:02:25,740 >> Reflecti componentia souped-sursum HTML elements 53 00:02:25,740 --> 00:02:28,100 quae moribus suis continebant. 54 00:02:28,100 --> 00:02:31,800 Ita, exempli gratia, habere possemus tempus elementum tempus component, 55 00:02:31,800 --> 00:02:34,095 quae continent sicut tempus stamp scitis 56 00:02:34,095 --> 00:02:37,170 component quae a profile continebit profile image 57 00:02:37,170 --> 00:02:38,820 et nomen personae. 58 00:02:38,820 --> 00:02:42,930 Potest habere sicut contra, quod secundum numerum dinumerare similium, 59 00:02:42,930 --> 00:02:45,610 click si est, ut numerum augere similia. 60 00:02:45,610 --> 00:02:48,200 A component est iustus fasciculum HTML code quod 61 00:02:48,200 --> 00:02:50,520 habet aliquam functionality involvit inside of eam. 62 00:02:50,520 --> 00:02:53,770 Sicut igitur HTML elementum in steroids, sicuti dixi prius. 63 00:02:53,770 --> 00:02:56,270 Vos can take talia membra, et cum volueritis potestis pariter ponam illum 64 00:02:56,270 --> 00:02:59,060 quid ad nova consilia componentibus, in Hic post component, 65 00:02:59,060 --> 00:03:00,505 quod continet omnia ista. 66 00:03:00,505 --> 00:03:04,050 Ad primum sic proceditur continent Time, Profile, LikeCounter, fortasse comment 67 00:03:04,050 --> 00:03:06,100 et maybe ipsam imaginem rerum. 68 00:03:06,100 --> 00:03:10,810 Itaque web apps sunt ædificavit per carnem assumptam et ponens components simul. 69 00:03:10,810 --> 00:03:15,620 An Instagram feed est nihil magis quam Post fasciculum unum post alterum 70 00:03:15,620 --> 00:03:19,032 singulis post continet quasi Time, Profile, LikeCounter, et sic de aliis. 71 00:03:19,032 --> 00:03:20,490 Est genus quasi aedificanti domum. 72 00:03:20,490 --> 00:03:22,660 Tu non ædificabis mihi domus a summo down. 73 00:03:22,660 --> 00:03:24,960 Tuleritis components-- vobis accipere quasi balneo. 74 00:03:24,960 --> 00:03:28,320 Tu autem humida bedroom-- simul et novum coniunctam. 75 00:03:28,320 --> 00:03:29,760 Habes novum templum. 76 00:03:29,760 --> 00:03:32,860 >> Sic est omnis React et ædificavit per gyrum haec idea of ​​components quod 77 00:03:32,860 --> 00:03:36,600 interactive sunt, quae declarat. 78 00:03:36,600 --> 00:03:39,650 Sicut dicis, quod a profile est, et facit illud. 79 00:03:39,650 --> 00:03:40,600 Sunt componibile. 80 00:03:40,600 --> 00:03:43,880 Vos can take a figura et posuit simul aliquid melius. 81 00:03:43,880 --> 00:03:47,770 Et haerent reusable, si ita est radix code columella, 82 00:03:47,770 --> 00:03:49,440 vos could embed quod usquam. 83 00:03:49,440 --> 00:03:53,160 >> Vos can embed an Instagram quod in vestri own website. 84 00:03:53,160 --> 00:03:56,830 Potes embed in Facebook, ut dum tam React utitur. 85 00:03:56,830 --> 00:04:00,360 Ita components sunt vere, realiter, realiter potens aedificium cuneos telam 86 00:04:00,360 --> 00:04:04,180 quod potest fieri et posuit usquam ad constituendum novum aedificium cuneos. 87 00:04:04,180 --> 00:04:07,159 Quod est valde altiorem gradum overview. 88 00:04:07,159 --> 00:04:09,200 Sic ergo si quid habes quaestiones in quovis puncto 89 00:04:09,200 --> 00:04:14,470 de philosophia reactor, in coding desistere, et mihi. 90 00:04:14,470 --> 00:04:18,420 >> OK, ita se gerit, quia frigus est habet diversum modum spectandi 91 00:04:18,420 --> 00:04:19,870 quam aedificabitis web apps. 92 00:04:19,870 --> 00:04:23,620 Youve 'forsit auditus of MVC, a exemplar vobis temperare vel quicquid in CS50 93 00:04:23,620 --> 00:04:25,940 alia perspiciendi classes vos utor. 94 00:04:25,940 --> 00:04:29,000 Et maxime frameworks sunt idea MVA circuitu. 95 00:04:29,000 --> 00:04:30,410 Non reflecti. 96 00:04:30,410 --> 00:04:32,980 React ædificata est circa ideam of unidirectional data fluunt 97 00:04:32,980 --> 00:04:36,510 graphic hic visus huius vel chart. 98 00:04:36,510 --> 00:04:38,260 >> Plerumque habes unde data. 99 00:04:38,260 --> 00:04:42,380 Et data source decernet quomodo metiar quadam specie. 100 00:04:42,380 --> 00:04:45,452 Et voluntas components deinde, ubi earn mutent, 101 00:04:45,452 --> 00:04:47,160 et nuntiemus in aula data source mutare. 102 00:04:47,160 --> 00:04:49,350 >> Uti Instagram exemplo, vos vires have 103 00:04:49,350 --> 00:04:52,050 a album of post similia in a database, vel aliquid. 104 00:04:52,050 --> 00:04:53,310 Quod data. 105 00:04:53,310 --> 00:04:57,600 Deinde post components vis tollere notitia, 106 00:04:57,600 --> 00:05:01,830 et qui utuntur data reddere aliquid in screen. 107 00:05:01,830 --> 00:05:04,300 Quod suus quid sagitta ex data ad component est, 108 00:05:04,300 --> 00:05:07,930 et data est illa reddere fasciculum componi. 109 00:05:07,930 --> 00:05:10,290 >> Nuntius in Facebook, pro exempli gratia, quae est React, 110 00:05:10,290 --> 00:05:13,410 vos vires habere a album of nuntius ut vestri notitia principium. 111 00:05:13,410 --> 00:05:15,927 Et qui non reddere solum album nuntiis 112 00:05:15,927 --> 00:05:17,510 sed amicos habes. 113 00:05:17,510 --> 00:05:19,200 Habetis unread comes. 114 00:05:19,200 --> 00:05:23,330 Maybe etiam disponere res Facebook ut 'in fundo Facebook.com. 115 00:05:23,330 --> 00:05:25,610 Eadem data est a uno fonte veritatis 116 00:05:25,610 --> 00:05:28,290 et quod facit multum components reddatur. 117 00:05:28,290 --> 00:05:30,290 Cum autem aliqua ex illis components mutatur, 118 00:05:30,290 --> 00:05:32,320 it redit et mutat data fons. 119 00:05:32,320 --> 00:05:33,460 >> Misisti nuntios iudicium 120 00:05:33,460 --> 00:05:34,780 Quod mutat data fons. 121 00:05:34,780 --> 00:05:39,490 Legeris tuas, ita posuisti unread 0. 122 00:05:39,490 --> 00:05:41,136 Quod mutat data fons. 123 00:05:41,136 --> 00:05:44,010 Et adverte quod haec omnia unum telum repetita eadem data 124 00:05:44,010 --> 00:05:47,662 principium, ut scitis, data quaedam data set, 125 00:05:47,662 --> 00:05:49,870 scitis exacte quid page tamquam futurum. 126 00:05:49,870 --> 00:05:50,700 Suus 'deterministic. 127 00:05:50,700 --> 00:05:53,451 Tu scis, quaedam data, quae paginae vultum futurum. 128 00:05:53,451 --> 00:05:56,158 Et suus 'iens ut praedicere conversari et quomodo geruntur 129 00:05:56,158 --> 00:05:57,650 Lorem ad opus confecit. 130 00:05:57,650 --> 00:06:00,410 >> Et si haberem tantam decies componentibus hic eiusdem modi esset iudicium 131 00:06:00,410 --> 00:06:02,290 Vos non haberent Ridiculum interconnections. 132 00:06:02,290 --> 00:06:04,120 Una data redditur a million componentibus. 133 00:06:04,120 --> 00:06:06,879 A million components poterat edit redire elit. 134 00:06:06,879 --> 00:06:07,920 Hoc enim ipsum tincidunt. 135 00:06:07,920 --> 00:06:10,870 Sumamus aedificare componibile, facile scalable web apps. 136 00:06:10,870 --> 00:06:13,150 >> Habetis unum principium data, fontem veritatis. 137 00:06:13,150 --> 00:06:15,790 Quod refert tua components quomodo metiar paginae 138 00:06:15,790 --> 00:06:18,190 et voluntas components palpate interaction. 139 00:06:18,190 --> 00:06:20,150 Si quid autem volunt mutare omnia, iustus redire 140 00:06:20,150 --> 00:06:21,750 mutare notitia radix nuntians. 141 00:06:21,750 --> 00:06:22,850 Fac sensus? 142 00:06:22,850 --> 00:06:26,010 Sic est de intellectu React quam aedificare component 143 00:06:26,010 --> 00:06:29,540 et sociosqu ad litora torquent tuum component gerit mutuam cum exterioris mundi. 144 00:06:29,540 --> 00:06:31,850 >> Rescindentes component penitus cum exterioris mundi 145 00:06:31,850 --> 00:06:34,490 utitur alia technology Flux dicitur, quod 146 00:06:34,490 --> 00:06:36,872 est a compage quod est added in vertice React. 147 00:06:36,872 --> 00:06:38,330 Lorem quod non loqui. 148 00:06:38,330 --> 00:06:42,990 Sumamus loqui de datis notitia, quomodo contendere poteris reddere component? 149 00:06:42,990 --> 00:06:47,010 >> Et sic realiter frigus React quia uti aliqua vis aversa. 150 00:06:47,010 --> 00:06:50,480 Si tamquam aversa Python, Quod si oculus tuus Python spuere possunt de aliqua notitia, 151 00:06:50,480 --> 00:06:51,610 Reflecti potest reddere. 152 00:06:51,610 --> 00:06:54,700 Si non es JS outputs de data, React reddit. 153 00:06:54,700 --> 00:06:56,890 Cum Ruby rails data, React reddit. 154 00:06:56,890 --> 00:07:01,860 >> Ita React est basically a web view-- a fronte finem components 155 00:07:01,860 --> 00:07:03,910 quacumque data undecumque sump. 156 00:07:03,910 --> 00:07:07,145 Itaque quod a data fonte reflecti components est pulchellus facile. 157 00:07:07,145 --> 00:07:08,770 Tendum est paulo durior. 158 00:07:08,770 --> 00:07:10,462 Ut ut ante dixi Pandora utitur. 159 00:07:10,462 --> 00:07:11,420 Non enim intrabit. 160 00:07:11,420 --> 00:07:13,740 Puteus 'focus magis in ut- pars data est. 161 00:07:13,740 --> 00:07:15,880 Hac ratione potes facere refrigerant, fun web apps. 162 00:07:15,880 --> 00:07:19,870 Non pertinet extra Nunc autem alia res. 163 00:07:19,870 --> 00:07:22,210 >> Bene, si tu adesses ad curam mei finis Seminario 164 00:07:22,210 --> 00:07:26,610 scietis quod omnes code for hodierno sermone hoc futurum URL 165 00:07:26,610 --> 00:07:29,320 hic paenitet hoc domicilio hic. 166 00:07:29,320 --> 00:07:32,730 Et iens ut plerumque per quattuor gradus, maybe quinque, 167 00:07:32,730 --> 00:07:33,510 forsit non quinque. 168 00:07:33,510 --> 00:07:37,300 Puteus 'permoveo per quatuor gradus innuunt fabricandae sample React app. 169 00:07:37,300 --> 00:07:39,550 Et per consequens omnes source codice pro uno quoque gradu de via 170 00:07:39,550 --> 00:07:42,216 hic fore, si instinctu sis domi 171 00:07:42,216 --> 00:07:43,991 libenter hoc codice legat. 172 00:07:43,991 --> 00:07:46,740 Hoc si tibi hic, ostendendo decebit in screen, 173 00:07:46,740 --> 00:07:47,739 ne illa sollicitudinem deponendo. 174 00:07:47,739 --> 00:07:50,930 Si domi sentiunt liberum visitabo et hoc website. 175 00:07:50,930 --> 00:07:56,400 At Yeah, vos should polleo impetro omnes velis eguisset codice hic. 176 00:07:56,400 --> 00:08:01,380 Sic suus 'bonus atque seductorem sheet cum casus React novissimis tuis. 177 00:08:01,380 --> 00:08:04,490 Cool, si quis adest, et si domi, 178 00:08:04,490 --> 00:08:11,580 evellere hoc website, is.gd/cs50react, nullam causam non underscore nullo deficientes. 179 00:08:11,580 --> 00:08:15,849 >> Youll 'animadverto ut vultus page parum hoc diligunt. 180 00:08:15,849 --> 00:08:17,140 Hoc est quod vocatur CodePen. 181 00:08:17,140 --> 00:08:20,030 CodePen est collaborative coding environment 182 00:08:20,030 --> 00:08:23,364 quibus codicem scribere possum hic itll 'statim ad te misi. 183 00:08:23,364 --> 00:08:24,780 Et hoc codice scribere possum. 184 00:08:24,780 --> 00:08:26,920 Ego potest currere codice hic. 185 00:08:26,920 --> 00:08:33,470 >> Nam et si example-- reloads-- videre, Ego fugio ad JavaScript code page 186 00:08:33,470 --> 00:08:36,390 ius hic, et si tibi placet automatically reddere a web page 187 00:08:36,390 --> 00:08:37,980 cum hoc JavaScript code. 188 00:08:37,980 --> 00:08:40,039 Et propter hoc est via pro nobis experiri signum 189 00:08:40,039 --> 00:08:43,089 vere velox vacuus having utor ID nostra aut nostrorum locus apparatus 190 00:08:43,089 --> 00:08:44,290 vel quicquid. 191 00:08:44,290 --> 00:08:47,670 Donec a te velocem Mockup et diversa genera experiri code. 192 00:08:47,670 --> 00:08:50,560 >> Im 'iens ut accipiamus codice exemplum ponens hic. 193 00:08:50,560 --> 00:08:52,374 Sumamus existumare eum. 194 00:08:52,374 --> 00:08:54,540 Et si tu domi Id quoque trahere. 195 00:08:54,540 --> 00:08:57,530 Et ego iam installed Hic agere, sic vos can iustus 196 00:08:57,530 --> 00:09:00,770 Scribo vobis codice hic propriam cubilia experiri. 197 00:09:00,770 --> 00:09:04,940 >> Yeah, si omnes homines patefacio sursum hoc link here. 198 00:09:04,940 --> 00:09:08,080 Pauxillum aquæ mihi ad pollices erexisse apertum habeas. 199 00:09:08,080 --> 00:09:10,960 200 00:09:10,960 --> 00:09:13,770 Frigus, frigus frigus. 201 00:09:13,770 --> 00:09:16,914 Nihil hic, sed ut mox mutare. 202 00:09:16,914 --> 00:09:21,250 >> OK, ita est React JavaScript bibliothecam, inquantum huiusmodi, 203 00:09:21,250 --> 00:09:24,480 requirit cognitionem JavaScript, quae telam programming lingua. 204 00:09:24,480 --> 00:09:27,660 Et alia adhibeatur suus Sed lacus nunc primum textus 205 00:09:27,660 --> 00:09:32,040 lingua, si imprudentes ut legitur a site vocavit JSforCats.com. 206 00:09:32,040 --> 00:09:32,700 Suus 'mirabile. 207 00:09:32,700 --> 00:09:34,240 Vos can perceptum JavaScript in media hora. 208 00:09:34,240 --> 00:09:34,990 Suus 'incredibile. 209 00:09:34,990 --> 00:09:36,420 >> Sic eam tribuat a read. 210 00:09:36,420 --> 00:09:39,960 Etiam sit amet huc HTML erant cogitans web pages of course. 211 00:09:39,960 --> 00:09:43,890 Et si vestri 'insuetis HTML, reprehendo sicco HTMLdog.com. 212 00:09:43,890 --> 00:09:46,520 Ego puto React cognita est a million times facilius si iam 213 00:09:46,520 --> 00:09:47,892 scire aedificium cuneos. 214 00:09:47,892 --> 00:09:50,600 Si tium illud maior pars facillimus. 215 00:09:50,600 --> 00:09:51,860 Quod suus React lingua pro vobis. 216 00:09:51,860 --> 00:09:54,270 >> Ita et anteibit faciem tuam, et da haec lecta. 217 00:09:54,270 --> 00:09:55,070 Pause hoc video. 218 00:09:55,070 --> 00:09:57,440 Cedo sis legere domi, si tu non es 219 00:09:57,440 --> 00:10:00,794 aut familiarior cum HTML JavaScript 220 00:10:00,794 --> 00:10:02,960 OK, ita quod erant 'iens ut facturi sumus facturi 221 00:10:02,960 --> 00:10:06,470 a ipsum flashcard app usura basic React. 222 00:10:06,470 --> 00:10:08,210 Sumamus flashcard habere. 223 00:10:08,210 --> 00:10:09,880 Flip possis charta sunt. 224 00:10:09,880 --> 00:10:12,399 Et nos etiam index omnes albique habemus 225 00:10:12,399 --> 00:10:14,190 et si nos 'Sententia ambitiosi, simus 226 00:10:14,190 --> 00:10:17,060 posse ut switch inter cars per clicking in eis. 227 00:10:17,060 --> 00:10:20,360 >> Sed hoc testimonium tuum ossibus meis, a valde simplex React app. 228 00:10:20,360 --> 00:10:22,560 Et hoc fit actualiter tenuis non esse ad operandam, 229 00:10:22,560 --> 00:10:26,030 sed erant 'iens ut, si hoc ipsum, facillimum extendunt 230 00:10:26,030 --> 00:10:27,680 Si te aliorum secum. 231 00:10:27,680 --> 00:10:33,750 Sic erant 'iens per quatuor gradus incipiens a VULNUS ad construendum. 232 00:10:33,750 --> 00:10:36,740 >> OK, ita quatuor gradibus ibo cum primum committitur. 233 00:10:36,740 --> 00:10:39,790 Primus gradus est futuri aedificium edificium vestri primum component. 234 00:10:39,790 --> 00:10:44,830 Nam ut supra dictum, in elementum React iustum an HTML elementum in steroids. 235 00:10:44,830 --> 00:10:49,660 Specificat HTML et moribus, et 236 00:10:49,660 --> 00:10:52,600 specificabitur quam populus quomodo potest mutuam cum 237 00:10:52,600 --> 00:10:54,270 haberet statum internum. 238 00:10:54,270 --> 00:10:57,630 Quasi puga pyga cognoscam sicut quot temporibus quod suus 'been clicked exempli gratia, 239 00:10:57,630 --> 00:11:01,010 et scies ponere per se extincta esset. 240 00:11:01,010 --> 00:11:04,430 >> Eamus ergo et praemittat nostrum aedificabimus primum component usura JavaScript. 241 00:11:04,430 --> 00:11:09,711 Ita legentibus si syntax spectat Ridiculum, quoniam id genus est. 242 00:11:09,711 --> 00:11:11,710 Sic rursum iens ut variabilis vocavit 243 00:11:11,710 --> 00:11:14,580 app usura keyword let, quae facit variabilis, 244 00:11:14,580 --> 00:11:18,210 sit aequalis React.createClass App. 245 00:11:18,210 --> 00:11:22,609 >> Et reflecti est a library habet in genere functio creare. 246 00:11:22,609 --> 00:11:24,400 Et hoc est functio aliquantulus of code ut vos 247 00:11:24,400 --> 00:11:29,090 can utor creo a new type of React component. 248 00:11:29,090 --> 00:11:32,780 Itaque React.createClass facit component, 249 00:11:32,780 --> 00:11:35,270 et hoc vult component poterit facere effercio. 250 00:11:35,270 --> 00:11:40,460 Pelagus res potest facere est reddere aliquid quod est in officium reddere. 251 00:11:40,460 --> 00:11:44,500 >> Rursum si id non apparet index vos commendare pergas JS feles 252 00:11:44,500 --> 00:11:45,682 et reprehendo is sicco. 253 00:11:45,682 --> 00:11:47,710 Quod est in zoomed satis? 254 00:11:47,710 --> 00:11:48,490 Frigus. 255 00:11:48,490 --> 00:11:50,670 >> Sic omnis component necessitatibus habere reddant functionis. 256 00:11:50,670 --> 00:11:53,010 Et reddat munus dicit, print screen quid? 257 00:11:53,010 --> 00:11:54,760 Sed component est Frustra autem est quod non 258 00:11:54,760 --> 00:11:58,060 print screen quid ita vos postulo habeo a reddant functionis. 259 00:11:58,060 --> 00:12:01,904 >> In reddenda est, videbimini iustus HTML reddere. 260 00:12:01,904 --> 00:12:03,820 Et quid est quod frigus illic 'aliquid vocavit 261 00:12:03,820 --> 00:12:08,660 JSX quod est extensio JavaScript quo vtuntur agere. 262 00:12:08,660 --> 00:12:11,845 Eam scriptor HTML scribis inside tui JavaScript, quae 263 00:12:11,845 --> 00:12:13,970 sonat genus infandum, cum Vobis primum cogitare de illo, 264 00:12:13,970 --> 00:12:15,553 sed facit sensu post multum. 265 00:12:15,553 --> 00:12:17,430 Ita et nos potest hoc facere. 266 00:12:17,430 --> 00:12:21,360 Si tibi nota HTML nescio cum foederum ruptore duce div habemus propositum 267 00:12:21,360 --> 00:12:22,790 continens pro effercio. 268 00:12:22,790 --> 00:12:26,380 Div reddere possumus, intus hoc div poterimus elit. 269 00:12:26,380 --> 00:12:32,390 >> Itaque vis dicimus iustum a recta-sursum flashcard nunc. 270 00:12:32,390 --> 00:12:34,890 In flashcard, ut ita dicam, habebit interrogationem et responsionem. 271 00:12:34,890 --> 00:12:37,530 Sic inside huius div, lets ' procer sicco a paragraph 272 00:12:37,530 --> 00:12:42,155 Quid est quod dicit question-- Ad ultimum vitae est? 273 00:12:42,155 --> 00:12:47,640 274 00:12:47,640 --> 00:12:50,345 Et tunc responsum est futurum scilicet XLII. 275 00:12:50,345 --> 00:12:56,880 276 00:12:56,880 --> 00:12:59,730 >> Quod non omnia bene. 277 00:12:59,730 --> 00:13:04,164 Yeah, ita plerumque vere scribere HTML JavaScript in sinum tuum. 278 00:13:04,164 --> 00:13:06,330 Et hoc est iens futurus impensis in screen. 279 00:13:06,330 --> 00:13:08,250 Itaque eam experiri. 280 00:13:08,250 --> 00:13:09,520 >> Sic habemus component. 281 00:13:09,520 --> 00:13:12,210 Nos postulo ut nuntiarem React ponere componentia in screen 282 00:13:12,210 --> 00:13:18,990 ita React.render, sic animadverto ut nos app tractare sicut quaelibet alia natura meare videantur. 283 00:13:18,990 --> 00:13:21,010 Scribimus ut erat elementum. 284 00:13:21,010 --> 00:13:25,100 Similis quem ad modum dicimus quasi img ad imaginem vel paragraph pro p, 285 00:13:25,100 --> 00:13:28,120 App scribis, ita est App agitur quasi HTML elementum. 286 00:13:28,120 --> 00:13:30,380 Ut supra dixi, suus ' elementum in steroids. 287 00:13:30,380 --> 00:13:32,870 >> Ut reddas App, et da locum contulimus. 288 00:13:32,870 --> 00:13:37,170 Et hac ratione potes dic ubi posuerunt. 289 00:13:37,170 --> 00:13:46,200 Quem creavi, a simplicibus ad div page uocata an ID of page, 290 00:13:46,200 --> 00:13:48,300 et ut 'ubi elementum suus 'iens ire. 291 00:13:48,300 --> 00:13:49,841 >> Et nos erant 'iens ut currere HTML. 292 00:13:49,841 --> 00:13:53,145 Basically hoc est iens impetro put inside of this page elementum 293 00:13:53,145 --> 00:13:54,270 habemus in screen. 294 00:13:54,270 --> 00:13:59,210 Ita itque reditque codice, et hoc multum ex vero traxere aliquid in screen, ut hic sumus. 295 00:13:59,210 --> 00:14:01,770 Fecimus primi React component. 296 00:14:01,770 --> 00:14:08,000 >> Sicut ergo a recap, leniter nos fecit componentium novum iudicium 297 00:14:08,000 --> 00:14:10,145 Qui est scriptor quid React.createClass. 298 00:14:10,145 --> 00:14:12,680 Et quod in component, nos quid agendum referret. 299 00:14:12,680 --> 00:14:15,590 Component, quoties huic malo est ipsis typographis imprimenda onto screen, 300 00:14:15,590 --> 00:14:19,300 cum illud imprimere div in binis articulis superioribus inside of eam. 301 00:14:19,300 --> 00:14:24,460 >> Quid nos fecimus novum app uti anguli bracket notatio app. 302 00:14:24,460 --> 00:14:27,160 Nos referret pones intra page elementum. 303 00:14:27,160 --> 00:14:29,867 Itaque feci non creatum inde novum app template. 304 00:14:29,867 --> 00:14:31,200 Narravi coniectoribus somnium, et postea reddidit. 305 00:14:31,200 --> 00:14:33,680 Sic dixit, OK, app, quid procer sicco? 306 00:14:33,680 --> 00:14:36,970 App dicit vade procer sicco a div cum duas paragraphos inside of eam. 307 00:14:36,970 --> 00:14:40,420 Et voila, illic 'nostra div duas paragraphos inside of eam. 308 00:14:40,420 --> 00:14:43,180 Facere sensu tantum? 309 00:14:43,180 --> 00:14:46,690 >> Sic omnis provocatio React sciens est compositus. 310 00:14:46,690 --> 00:14:48,500 Sociosqu ad litora torquent per components cooperantur. 311 00:14:48,500 --> 00:14:51,780 Nunc eget nostrum primum component, eamus tergum 312 00:14:51,780 --> 00:14:54,284 et components customizable. 313 00:14:54,284 --> 00:14:56,700 Ita Vos enim nostis quomodo in HTML vos potest dona domus tuae alteri buttons classes? 314 00:14:56,700 --> 00:14:59,146 Vos can tribuo vestri ad anchoras href. 315 00:14:59,146 --> 00:15:00,770 Vos can typus inputs dare iudicium 316 00:15:00,770 --> 00:15:04,740 Cum magis accommodare debeas consuetudinem proprietates ad omnia elementa 317 00:15:04,740 --> 00:15:06,490 ut magis interesting. 318 00:15:06,490 --> 00:15:09,030 Et nos actu potestis facere exactam idem. 319 00:15:09,030 --> 00:15:17,500 >> Sic dicimus nostrum app ire nullam card. 320 00:15:17,500 --> 00:15:19,630 Nunc nos iustus Caussam reddidit hardcoded card. 321 00:15:19,630 --> 00:15:22,530 Scimus illic 'tantum unum card potest facere, ita sumus 322 00:15:22,530 --> 00:15:25,960 Hoc modo et mutare molior possumus iustus tribuo aliquam card. 323 00:15:25,960 --> 00:15:27,410 Itll imprimere card. 324 00:15:27,410 --> 00:15:29,380 >> Debes rapta vestro components ualde generale propositum. 325 00:15:29,380 --> 00:15:31,654 Et hoc modo possem email et ipse est amicus meus similis 326 00:15:31,654 --> 00:15:33,820 flashcard quidquid habes, sicut et pascam illas in hic, 327 00:15:33,820 --> 00:15:35,290 servus tuus erit igitur et per se. 328 00:15:35,290 --> 00:15:37,650 Nec poteris ex te aliis quae in vestris app. 329 00:15:37,650 --> 00:15:40,600 >> Primum igitur, fregerit in duas partes, 330 00:15:40,600 --> 00:15:44,500 sed volumus ut dividant card printing parte ab ipsa parte app. 331 00:15:44,500 --> 00:15:46,660 Quid enim possumus mutare potest ex App 332 00:15:46,660 --> 00:15:51,300 ad CardView, sicut a novo nomine app, 333 00:15:51,300 --> 00:15:54,450 et potest facere novum component App dicitur, 334 00:15:54,450 --> 00:15:56,336 Non confundenda cum senibus App. 335 00:15:56,336 --> 00:16:00,730 Weve 'got in createClass, et sicut in HTML, 336 00:16:00,730 --> 00:16:03,590 potes nidum React components inside of invicem. 337 00:16:03,590 --> 00:16:16,430 >> Ita in hoc munere reddere, munus CardView reditum, 338 00:16:16,430 --> 00:16:18,234 Hoc est exigere idem. 339 00:16:18,234 --> 00:16:19,400 En cur suus res eadem geritur? 340 00:16:19,400 --> 00:16:22,590 Sed tantum reddere quod app habet div et pairing inside of eam, 341 00:16:22,590 --> 00:16:26,194 app reddit CardView, et CardView reddit div et paragraph. 342 00:16:26,194 --> 00:16:29,110 Hoc est primum exemplum nesting elementa inside of invicem. 343 00:16:29,110 --> 00:16:32,177 Vtrum qui faciunt sensus? 344 00:16:32,177 --> 00:16:33,760 Sic habemus CardView elementum. 345 00:16:33,760 --> 00:16:37,250 Habemus elementa app quod maior quam. 346 00:16:37,250 --> 00:16:40,990 >> Bene, si volumus nos CardView-- dabit bonum CardView quodam card, 347 00:16:40,990 --> 00:16:43,370 itll imprimere vobis iudicium 348 00:16:43,370 --> 00:16:48,050 Primo requiritur ad card, ita faciamus a card obiectum. 349 00:16:48,050 --> 00:17:02,930 Sic magnificetur anima mea card equal-- si vestri 'omnem familiaritatem, 350 00:17:02,930 --> 00:17:05,260 hoc est notatio ineundis in JavaScript obiectum. 351 00:17:05,260 --> 00:17:09,280 Est genus quasi struct in C ita fecimus schedulam 352 00:17:09,280 --> 00:17:15,920 Et nunc non possumus uti card istud proprium vel appropriatum HTML 353 00:17:15,920 --> 00:17:17,290 terminology nostram app. 354 00:17:17,290 --> 00:17:20,210 Considerari ergo potest hoc App card myCard pares. 355 00:17:20,210 --> 00:17:23,200 >> Scis in input facitis type pares text input vel puga pyga 356 00:17:23,200 --> 00:17:25,240 class pares Btn pro bootstrap ,? 357 00:17:25,240 --> 00:17:29,500 Eadem idea, App card equals-- youve 'got ut in capreolis collocatae here-- 358 00:17:29,500 --> 00:17:33,830 App card pares myCard summissa, sic haec hoc dicit habemus card obiectum. 359 00:17:33,830 --> 00:17:39,149 Im 'iens ut transiret facultates cum dispensatione component app. 360 00:17:39,149 --> 00:17:41,440 Et hoc app component voluntatem et facere posset obvius 361 00:17:41,440 --> 00:17:43,580 interesting effercio cum eo. 362 00:17:43,580 --> 00:17:47,650 >> Sic futurum est app datum a card, ita nunc, 363 00:17:47,650 --> 00:17:49,980 lets iustus tribuo app habere card ad CardView 364 00:17:49,980 --> 00:17:53,110 se quia sicut non app ut cum ignoremus quid agere debeamus, 365 00:17:53,110 --> 00:17:54,850 sic puteus 'iustus tribuo ad CardView. 366 00:17:54,850 --> 00:18:00,050 Ita transibo eam eodem modo, card pares, 367 00:18:00,050 --> 00:18:05,426 et sic quelibet pars potest obvius quae data est ei. 368 00:18:05,426 --> 00:18:07,800 Possunt obvius proprietates quæ data est illi 369 00:18:07,800 --> 00:18:09,470 utentes hoc syntax, this.props.card. 370 00:18:09,470 --> 00:18:12,010 371 00:18:12,010 --> 00:18:14,920 >> Quid ergo hic accidit habetis myCard obiectum. 372 00:18:14,920 --> 00:18:18,250 Vos transire in app usura App card myCard pares. 373 00:18:18,250 --> 00:18:21,420 Quod obiectum card data app. 374 00:18:21,420 --> 00:18:24,400 App can obvius eam ut this.props.card. 375 00:18:24,400 --> 00:18:28,780 Est genus quasi imago scit quod est fons. 376 00:18:28,780 --> 00:18:31,972 >> Hoc quid est app card est, illud materia potest. 377 00:18:31,972 --> 00:18:32,930 Potest facere computationes. 378 00:18:32,930 --> 00:18:35,290 Potest iudicabunt off. 379 00:18:35,290 --> 00:18:39,950 >> Nunc erat transiturus this.props.card onto CardView. 380 00:18:39,950 --> 00:18:43,420 Facere sensu tantum? 381 00:18:43,420 --> 00:18:45,210 Sed iam faxo sapit. 382 00:18:45,210 --> 00:18:46,990 >> OK, ita nunc sumus CardView at. 383 00:18:46,990 --> 00:18:51,719 Our CardView, dedit card, ut imprimere suam interrogationem et responsionem. 384 00:18:51,719 --> 00:18:54,510 Nunc iustus apud aliquem hardcoded quaestiones et responsis ejus. 385 00:18:54,510 --> 00:18:57,720 Nos postulo ut instar out-- egemus petere card dare nobis 386 00:18:57,720 --> 00:19:01,360 quid quaestionis responsionem tunc procer is sicco in screen. 387 00:19:01,360 --> 00:19:02,470 >> Hic igitur possumus. 388 00:19:02,470 --> 00:19:06,135 Reddere in begin-- primo pares. 389 00:19:06,135 --> 00:19:08,710 390 00:19:08,710 --> 00:19:13,050 Quid ergo agis hic scimus pecto donata ad proprietatem, 391 00:19:13,050 --> 00:19:13,580 ius? 392 00:19:13,580 --> 00:19:15,930 Suus 'an input nobis data. 393 00:19:15,930 --> 00:19:19,440 Amo suus paene istius necessitatis consimilis argumenta a munus. 394 00:19:19,440 --> 00:19:22,810 Card est argumentum paene ad hoc CardView. 395 00:19:22,810 --> 00:19:25,239 >> Nos id extrahunt et posuit illud in variabilis quaestionem. 396 00:19:25,239 --> 00:19:27,280 Planto certus responsum abiit aliae ad incertos responsum. 397 00:19:27,280 --> 00:19:31,130 Qui offert ultroneus card respondere. 398 00:19:31,130 --> 00:19:35,072 Et quoniam habemus illa excudendi, ex loco illo textu 399 00:19:35,072 --> 00:19:37,030 erant 'iens ut procer sicco quicquid nobis dedit. 400 00:19:37,030 --> 00:19:43,580 >> Hoc igitur ita dicturi sumus stuff-- Et respondendum est, ut de quaestione. 401 00:19:43,580 --> 00:19:46,380 Videamus si hoc facit. 402 00:19:46,380 --> 00:19:52,800 Frigus, sic lets 'step per eam quippe semel tantum. 403 00:19:52,800 --> 00:20:00,470 >> Ita card card obiectum est, et nos damus quod card ad app. 404 00:20:00,470 --> 00:20:04,790 Et veniunt ad app card et da CardView. 405 00:20:04,790 --> 00:20:09,190 Hoc dicit CardView si Nihil mihi dabis flashcard obiectum, 406 00:20:09,190 --> 00:20:11,920 Ego procer ex eius quaestione quoque eius et exauditio, ius? 407 00:20:11,920 --> 00:20:14,590 >> Quid ergo possum facere non potui hunc codicem, primum 408 00:20:14,590 --> 00:20:16,580 X similis acies mea scripta, amico meo. 409 00:20:16,580 --> 00:20:18,820 Posset in embed suam application. 410 00:20:18,820 --> 00:20:27,200 Quamdiu ille idem sicut CardView card aequatur, 411 00:20:27,200 --> 00:20:30,580 dum creatorem CardView ius dedit indicium 412 00:20:30,580 --> 00:20:31,987 oppetere sua card. 413 00:20:31,987 --> 00:20:34,320 Et hoc est valde frigus modo pro vobis consilium ut domum 414 00:20:34,320 --> 00:20:35,906 components qui utuntur invicem man hu quod iustum est? 415 00:20:35,906 --> 00:20:38,280 Hoc card, possem auditum hoc CardView in Penitus, 416 00:20:38,280 --> 00:20:39,790 posset populus utatur. 417 00:20:39,790 --> 00:20:45,070 Sic basically, suus una functiones in C vexillum library. 418 00:20:45,070 --> 00:20:47,280 >> Sit functio ubi quis scripsi. 419 00:20:47,280 --> 00:20:48,419 Vae vobis scribae quidam input. 420 00:20:48,419 --> 00:20:49,710 Sed aliquam tibi output. 421 00:20:49,710 --> 00:20:50,890 Non laboro interius operatur. 422 00:20:50,890 --> 00:20:53,790 Quamdiu tu dederis iure input, itll ius output. 423 00:20:53,790 --> 00:20:57,850 >> Et potest esse a component cogitari eodem modo. 424 00:20:57,850 --> 00:21:00,280 Hoc CardView similis a library functio. 425 00:21:00,280 --> 00:21:03,400 Si dederis aliquid card secundum quod est proprietas, quod youll ' 426 00:21:03,400 --> 00:21:05,095 contentis in dicta imprimere card. 427 00:21:05,095 --> 00:21:16,820 Sicut si mutare card ut potius plus quam V XXXVII, 428 00:21:16,820 --> 00:21:19,210 is mos update secundum. 429 00:21:19,210 --> 00:21:21,955 Itaque sicut per transmutationem input is gets quidam output. 430 00:21:21,955 --> 00:21:24,830 Sic vos can fere cogitant de componentibus ut hac ratione muneris, quod 431 00:21:24,830 --> 00:21:25,920 vos can loco simul. 432 00:21:25,920 --> 00:21:29,440 Vos adepto input, sicut hic CardView sicut input, tibi output. 433 00:21:29,440 --> 00:21:31,900 Hic output tellus. 434 00:21:31,900 --> 00:21:34,404 Facere sensu tantum? 435 00:21:34,404 --> 00:21:36,890 Cool, ita quoque proprietates quomodo potest transire notitia 436 00:21:36,890 --> 00:21:40,900 in et de componentibus. 437 00:21:40,900 --> 00:21:42,740 >> OK, ita quod faciamus res interactive. 438 00:21:42,740 --> 00:21:44,450 Nunc generis amet. 439 00:21:44,450 --> 00:21:45,520 Quod [tacita]? 440 00:21:45,520 --> 00:21:48,210 Vos can procer aliquid ex, sed omnia in quae potest. 441 00:21:48,210 --> 00:21:51,550 >> Eamus ad vetus quaestio iustus pro nunc. 442 00:21:51,550 --> 00:21:54,405 OK, ita nunc talia membra sunt odiosis, quia omnia quaecumque faciet, 443 00:21:54,405 --> 00:21:55,030 adepto input. 444 00:21:55,030 --> 00:21:56,100 Faciunt output, ius? 445 00:21:56,100 --> 00:21:57,049 Ut 'genus amet. 446 00:21:57,049 --> 00:21:59,090 Volumus habere components posse habere 447 00:21:59,090 --> 00:22:02,150 quandam ipsius statum internum, sicut memini aliquid. 448 00:22:02,150 --> 00:22:05,320 >> Nam a flashcard enim Exempli gratia, quod tali statu 449 00:22:05,320 --> 00:22:07,550 ut vis Recordatus sum a flashcard? 450 00:22:07,550 --> 00:22:09,740 Quid status temporaria ut vos volo ut memores sitis eorum 451 00:22:09,740 --> 00:22:12,491 pro flashcard in flashcard app? 452 00:22:12,491 --> 00:22:13,990 AUDITORES: Utrum suus 'been flipped? 453 00:22:13,990 --> 00:22:14,990 Neel MEHTA: Yeah, ius. 454 00:22:14,990 --> 00:22:17,665 Sic vos vires volo ut custodiant track of es faciem aut 455 00:22:17,665 --> 00:22:19,100 super faciem card. 456 00:22:19,100 --> 00:22:23,420 Facebook sicut tu commemorare libet ubi nuntio feed 457 00:22:23,420 --> 00:22:25,870 quis similis tui neque est profile nunc agis. 458 00:22:25,870 --> 00:22:30,127 >> On Messenger, quale vos text typus in input buxum iudicium 459 00:22:30,127 --> 00:22:31,710 Si refoveo page, abit. 460 00:22:31,710 --> 00:22:32,793 Sed non curat. 461 00:22:32,793 --> 00:22:33,770 Suus 'iustus temporaria. 462 00:22:33,770 --> 00:22:34,548 Yeah? 463 00:22:34,548 --> 00:22:36,152 >> AUDITORES: [tacita] 464 00:22:36,152 --> 00:22:38,360 Neel MEHTA: Sicut a mico card sicut potes videre 465 00:22:38,360 --> 00:22:40,290 quaestionem hanc aut in illam partem responsum? 466 00:22:40,290 --> 00:22:41,070 >> AUDITORES: OK. 467 00:22:41,070 --> 00:22:43,270 >> Neel MEHTA: Sicut duas partes flashcard iudicium 468 00:22:43,270 --> 00:22:46,370 Yeah, ita vis hoc nunc ideam 469 00:22:46,370 --> 00:22:50,370 Ea praedia similem inputs, sed rei publicae, quod est temporale, uh, 470 00:22:50,370 --> 00:22:51,839 in quo nunc es page iudicium 471 00:22:51,839 --> 00:22:54,380 Apud eundem, Ego dixi in Facebook Nuntii, in quo mihi quis 472 00:22:54,380 --> 00:22:56,550 tu viewing Facebook aut quis est profile iudicium 473 00:22:56,550 --> 00:22:58,030 >> Hoc est temporalis. 474 00:22:58,030 --> 00:23:01,200 Suus 'maximus ut utentis quid agatur autem page reficiunt. 475 00:23:01,200 --> 00:23:02,250 Non vere materiam. 476 00:23:02,250 --> 00:23:04,530 Sic suus 'tempus statum, ita omnes status it. 477 00:23:04,530 --> 00:23:06,250 >> Sic et nulla rei huius. 478 00:23:06,250 --> 00:23:09,084 Fulcit input est datum a fonte vestri notitia. 479 00:23:09,084 --> 00:23:10,250 Status est sicut defaltis. 480 00:23:10,250 --> 00:23:13,700 Suus 'iustus sicut effercio quod rem facit interactive. 481 00:23:13,700 --> 00:23:17,720 >> Ita hoc melius habent CardView-- sic magnae fuit nostri CardView-- nice. 482 00:23:17,720 --> 00:23:21,420 Quid acturus es hic enim adipiscing tangere CardView et tantum CardView. 483 00:23:21,420 --> 00:23:25,105 Itaque hanc meum qui autem non tamen nulla differentia discernantur. 484 00:23:25,105 --> 00:23:27,230 Non habere mutare quibuslibet suis code, 485 00:23:27,230 --> 00:23:29,410 sed youd videritis viam eorum CardView souped got up. 486 00:23:29,410 --> 00:23:31,270 Quod suus 'a nice partem de componentibus. 487 00:23:31,270 --> 00:23:35,290 >> OK, ita in CardView eamus satagit servo semita of sumus sive phase up 488 00:23:35,290 --> 00:23:36,560 aut in faciem. 489 00:23:36,560 --> 00:23:40,480 In React faciemus hoc primum requirentis statu initiali reperiebatur. 490 00:23:40,480 --> 00:23:42,070 Undenam card incipient? 491 00:23:42,070 --> 00:23:48,480 >> Ita erit functio vocavit getInitialState elit et revertamur obiectum. 492 00:23:48,480 --> 00:23:53,310 Quod obiectum aliquod rei publicae status est a key-valorem par. 493 00:23:53,310 --> 00:23:56,950 Quale erudieris et clavem habes pluris tibi nomen quasi filo. 494 00:23:56,950 --> 00:24:01,410 >> Hic autem dicimus verum ante. 495 00:24:01,410 --> 00:24:03,760 Hic dicitur quod sit status. 496 00:24:03,760 --> 00:24:06,570 Una pars rei publicae est attributum vocavit fronte. 497 00:24:06,570 --> 00:24:09,649 [Tacita], sic per defaltam, card in fronte erant, 498 00:24:09,649 --> 00:24:11,440 et mutare non possumus hoc sicut et nos TALITRUM card. 499 00:24:11,440 --> 00:24:13,380 Fac sensus? 500 00:24:13,380 --> 00:24:18,190 >> OK, ita reddere, nunc sumus responsumque quaestionem ostendens. 501 00:24:18,190 --> 00:24:20,860 Nunc ergo si quid agere debeamus ostendendum est quaestio 502 00:24:20,860 --> 00:24:24,370 et si sumus in introitu card responsum est a tergo card. 503 00:24:24,370 --> 00:24:26,850 Ut 'quare vos omnes card interactive. 504 00:24:26,850 --> 00:24:28,100 Sic et hic experiri. 505 00:24:28,100 --> 00:24:31,600 506 00:24:31,600 --> 00:24:33,620 Bene, primum iusti variabilis. 507 00:24:33,620 --> 00:24:37,790 Uno modo, poscendo nunc this.state.front. 508 00:24:37,790 --> 00:24:42,010 Nos obvius state eadem nos accessum fulcit, ita this.state.front. 509 00:24:42,010 --> 00:24:45,870 >> Si sumus ante currum text this.props.card.question est. 510 00:24:45,870 --> 00:24:48,777 511 00:24:48,777 --> 00:24:51,360 Si nos in fronte schedulam conari erant 'iens iaculis 512 00:24:51,360 --> 00:24:52,485 quaestio ex card. 513 00:24:52,485 --> 00:24:54,782 514 00:24:54,782 --> 00:24:57,240 Quod si nos a tergo card, quid faciemus? 515 00:24:57,240 --> 00:25:01,830 516 00:25:01,830 --> 00:25:02,750 >> AUDITORES: Respondetur? 517 00:25:02,750 --> 00:25:05,041 >> Neel MEHTA: Vidi, ita text this.props.card.answer pares. 518 00:25:05,041 --> 00:25:08,472 519 00:25:08,472 --> 00:25:10,930 Si vos animadverto sumus usura Ad Statum pertinet cognoscerent statuerentque 520 00:25:10,930 --> 00:25:14,420 quia jam component si forte respiciat Dominus different 521 00:25:14,420 --> 00:25:16,710 fundatur off quomodo haec penitus eam. 522 00:25:16,710 --> 00:25:20,355 Ita pro excudendi, ex hoc nos iustus procer ex textu. 523 00:25:20,355 --> 00:25:25,270 524 00:25:25,270 --> 00:25:28,650 Cool, ita, ut videtis, videmus modo quaestionis. 525 00:25:28,650 --> 00:25:37,720 Et si mutare statum hic manually ut ante nos adepto falsum XLII retro. 526 00:25:37,720 --> 00:25:39,720 >> Sic iterum, hoc component habet suum statum. 527 00:25:39,720 --> 00:25:43,440 Quasi puga pyga ignoro utrum suus non expressa, 528 00:25:43,440 --> 00:25:46,080 hanc rem, scit quid desideret fronte aut tergo. 529 00:25:46,080 --> 00:25:48,320 Per defaltam suus anteriori. 530 00:25:48,320 --> 00:25:50,840 Et si est in fronte, certe imprimendi quaestio. 531 00:25:50,840 --> 00:25:53,106 Si est a tergo, si tibi placet procer sicco responsum. 532 00:25:53,106 --> 00:25:54,980 Sic rursum notitia eadem est. 533 00:25:54,980 --> 00:25:59,090 Is iustus spectat diversi ex quo illud propositum. 534 00:25:59,090 --> 00:26:02,670 Ut, verbi gratia, Facebook tabellarium, si tibi eadem causa data, 535 00:26:02,670 --> 00:26:05,170 ut videat aliter propter amplitudinem gravitatemque civitatis est diversa. 536 00:26:05,170 --> 00:26:08,421 Vestri 'vultus procul a alium nuntium. 537 00:26:08,421 --> 00:26:10,930 >> OK, ita et haec omnia Bonum autem quod actu 538 00:26:10,930 --> 00:26:15,940 mutare nos vel nostri card est ante vel retro. 539 00:26:15,940 --> 00:26:19,010 Possumus hoc addendo flip ipsum, quod a felis pecto 540 00:26:19,010 --> 00:26:22,950 et TALITRUM card si suus '[tacita]. 541 00:26:22,950 --> 00:26:31,770 Sic lets addere felis, hic ipsum, et hoc ipsum dicere flip. 542 00:26:31,770 --> 00:26:35,650 >> Et ita nunc eam non facere quicquam. 543 00:26:35,650 --> 00:26:37,075 Is iustus spectat nice. 544 00:26:37,075 --> 00:26:43,650 Quid possumus addere possumus click tracto, onClick this.flip pares, 545 00:26:43,650 --> 00:26:44,820 et puteus postea definire flip. 546 00:26:44,820 --> 00:26:47,120 Sed basically, onClick est quod functio 547 00:26:47,120 --> 00:26:48,675 sudatio dicitur cum user clicks it. 548 00:26:48,675 --> 00:26:52,330 >> Ita conjunctionem cognoscetis cum suus 'been clicked. 549 00:26:52,330 --> 00:26:54,750 Incederet suus clicked, erit TALITRUM card. 550 00:26:54,750 --> 00:26:58,382 Suus 'genus similis tui pittam. 551 00:26:58,382 --> 00:27:01,590 Tute huiusmodi ius quandocumque aliquis vocant, liberabo Etruscum iudicium 552 00:27:01,590 --> 00:27:03,420 >> Vos adnotet hoc auditor. 553 00:27:03,420 --> 00:27:04,530 Audire enim eventus. 554 00:27:04,530 --> 00:27:07,657 Tibi dicitur, et cum eventus fuerit, faciendum. 555 00:27:07,657 --> 00:27:08,240 Vos adepto pizza. 556 00:27:08,240 --> 00:27:11,480 Hic cum tu clicked vos flip card. 557 00:27:11,480 --> 00:27:14,560 >> Vnde oportet definiat hoc munus flip card, 558 00:27:14,560 --> 00:27:17,930 sic puteus 'scribere quemquam id ius usurpasse hic flip munus. 559 00:27:17,930 --> 00:27:20,850 560 00:27:20,850 --> 00:27:23,680 Quid censes igitur flip faciam? 561 00:27:23,680 --> 00:27:27,180 Iterum hoc sudatio vocatus flip nos click puga pyga. 562 00:27:27,180 --> 00:27:29,406 Quid functio flip facere? 563 00:27:29,406 --> 00:27:34,136 >> AUDITORES: Mutationem this.state.front de vero in falsum, falsum est. 564 00:27:34,136 --> 00:27:38,420 >> Neel MEHTA: Vidi, ita quicquid this.front is-- fronte statum est. 565 00:27:38,420 --> 00:27:40,930 Take a fronte statum, si illud verum sit falsum. 566 00:27:40,930 --> 00:27:42,530 Si suus mendax verum erat iudicium 567 00:27:42,530 --> 00:27:45,330 Sic lets 'quod experiri. 568 00:27:45,330 --> 00:27:48,240 >> Non potes mutare statum iustus per facere this.state. 569 00:27:48,240 --> 00:27:50,380 Non potes ne facerent verbum hoc. 570 00:27:50,380 --> 00:27:52,030 Vos non potestis facere. 571 00:27:52,030 --> 00:27:55,810 Vos have utor functio vocavit this.setState. 572 00:27:55,810 --> 00:28:03,230 >> Ut possis dicere this.setState ante colon hoc ubi rursus exclamationem 573 00:28:03,230 --> 00:28:04,330 punctum significat contrarium. 574 00:28:04,330 --> 00:28:07,420 EGO coniecto hoc. state.front verum, falsum erimus. 575 00:28:07,420 --> 00:28:09,170 Sic puteus liberandam rem p de vero in falsum. 576 00:28:09,170 --> 00:28:11,430 Si falsum est, certe Pone quoque eam falsa vera fit. 577 00:28:11,430 --> 00:28:17,210 >> Iustus animadverto ut nos posuit et leviter aliter sapitis et hoc melius conantur. 578 00:28:17,210 --> 00:28:18,675 Bada bing, respice in hac hora. 579 00:28:18,675 --> 00:28:21,810 Flip puga pyga mos nunc artem ascendebatur ad statum. 580 00:28:21,810 --> 00:28:24,990 >> Ita fit, ubi videris parvam React amet. 581 00:28:24,990 --> 00:28:28,420 Sicut locutus est ad re- numquam reddas. 582 00:28:28,420 --> 00:28:30,910 Nos nunquam narravit illud redraw aliquid. 583 00:28:30,910 --> 00:28:32,630 Si vestri 'effectus hac sine React, mallem te 584 00:28:32,630 --> 00:28:34,588 et constituite sicut cum flip puga pyga est clicked, 585 00:28:34,588 --> 00:28:37,290 scire putes dic manually re-reddere, ius? 586 00:28:37,290 --> 00:28:43,050 >> Reflecti realiter frigus in quod si et quodam modo dare proprietates 587 00:28:43,050 --> 00:28:45,760 semper reddant exactam idem. 588 00:28:45,760 --> 00:28:48,690 Itaque aliquando emendemus statum et proprietates, 589 00:28:48,690 --> 00:28:50,819 mox iterum reddit totam rem agere. 590 00:28:50,819 --> 00:28:52,860 Cognoscit tamen quod illic 'a one-ad-unum correspondentia 591 00:28:52,860 --> 00:28:57,270 medio civitatis et parameter HTML. 592 00:28:57,270 --> 00:29:00,110 Ita ubi aut eorum set per mutationes status, 593 00:29:00,110 --> 00:29:03,750 erit mutare quomodo merces re-reddidit. 594 00:29:03,750 --> 00:29:06,650 Et sic basically React similis te exspectat mutare. 595 00:29:06,650 --> 00:29:09,870 >> Quoties mutat aliquid, re integra itll page reddere. 596 00:29:09,870 --> 00:29:12,480 Et si sonat hebetem, quia illud esset, 597 00:29:12,480 --> 00:29:15,050 sed utitur reflecti rem dicitur Umbra DOM. 598 00:29:15,050 --> 00:29:19,950 Instead of page ducto ex directo, custodit virtualis HTML arbor in memoria. 599 00:29:19,950 --> 00:29:23,620 >> Scis HTML sicut arbor, sicut hierarchicus notitia structura. 600 00:29:23,620 --> 00:29:28,990 Ante quam eluantur fictus lignum in memoria, quotiesque eget paginae 601 00:29:28,990 --> 00:29:31,940 itll alium trahere fake ligno frondoso et vocem itll computare 602 00:29:31,940 --> 00:29:35,120 quod mutatum est necesse ponere facere page duae arbo res aequales. 603 00:29:35,120 --> 00:29:38,540 Sic basically, virtualiter re-multum reddit. 604 00:29:38,540 --> 00:29:41,540 Et tunc sicut non mutat page parum tweaks quatenus opus fuerit, 605 00:29:41,540 --> 00:29:44,240 sic suus 'valde valde efficens. 606 00:29:44,240 --> 00:29:46,970 >> Sic basically React voluntatem quotiens mutare aliquid, 607 00:29:46,970 --> 00:29:49,010 iterum itll page reddere virtute. 608 00:29:49,010 --> 00:29:52,830 Youll 'postulo ut instar sicco quid mutare facere realis page reflectere 609 00:29:52,830 --> 00:29:55,602 page virtualis et faciam illud. 610 00:29:55,602 --> 00:29:56,560 Ut 'rectum DOM. 611 00:29:56,560 --> 00:29:59,350 Suus 'unus of maximus features of React. 612 00:29:59,350 --> 00:30:00,880 >> Vtrum qui faciunt sensus? 613 00:30:00,880 --> 00:30:01,540 Quis quaestiones? 614 00:30:01,540 --> 00:30:02,040 Yeah? 615 00:30:02,040 --> 00:30:05,568 616 00:30:05,568 --> 00:30:08,969 >> AUDITORES: Quomodo compare usque ad MVC 617 00:30:08,969 --> 00:30:10,760 quod locuti sumus sicut ante resources. 618 00:30:10,760 --> 00:30:13,527 >> Neel MEHTA: Yeah, quaestio est quomodo se conferet MVC? 619 00:30:13,527 --> 00:30:14,610 Vos quaeritur de resources. 620 00:30:14,610 --> 00:30:16,445 Ceterum fama quam operatur. 621 00:30:16,445 --> 00:30:18,190 >> In MVA fueris eget exemplar. 622 00:30:18,190 --> 00:30:20,560 Secundum hoc exemplum putes card. 623 00:30:20,560 --> 00:30:24,540 Visum haberent flip puga pyga, et imperium 624 00:30:24,540 --> 00:30:26,310 haberet flip munus. 625 00:30:26,310 --> 00:30:28,450 Ita visum tunc loquebatur ad filios controller ad flip flip. 626 00:30:28,450 --> 00:30:30,370 Flip tunc loquebatur ad filios exemplar mutare, ius? 627 00:30:30,370 --> 00:30:33,915 >> Itaque cum videris an MVA tu exemplar eiusdem auscultationis suae mutaret, 628 00:30:33,915 --> 00:30:37,150 et re-Reddat visu secundum. 629 00:30:37,150 --> 00:30:39,210 Vel vos iustus have ut similis habeat moderatorem. 630 00:30:39,210 --> 00:30:42,418 Exspecta formam mutare et carpi parte ad modum 631 00:30:42,418 --> 00:30:44,032 mutare. 632 00:30:44,032 --> 00:30:45,740 Habemus hic aliud, sed in magnum app, 633 00:30:45,740 --> 00:30:48,510 memores estote verborum quae tibi placet mutatio in singulis omnibus locis, 634 00:30:48,510 --> 00:30:50,290 sic suus 'aliquantulus molestus. 635 00:30:50,290 --> 00:30:53,670 Itaque React delicatus quia habet umbra Dom. 636 00:30:53,670 --> 00:30:56,040 Eam afferre potest ut iustus RESCRIBO totam rem. 637 00:30:56,040 --> 00:30:58,680 Vos dont 'have ut selectively sicut coniecto quid update. 638 00:30:58,680 --> 00:31:02,186 >> On Facebook, si libet, accipere nuntium in MVC, 639 00:31:02,186 --> 00:31:04,060 youd 'have ut memores sitis eorum, OK, mutare res quae 640 00:31:04,060 --> 00:31:06,260 at verticem page, nuntium icon. 641 00:31:06,260 --> 00:31:08,290 Etiam a pop fenestram in imo compingantur. 642 00:31:08,290 --> 00:31:10,070 Item novam rem fecerit in fenestra. 643 00:31:10,070 --> 00:31:11,060 Etiam ludere sonus. 644 00:31:11,060 --> 00:31:13,150 >> Ut sit amet effercio simul exitum. 645 00:31:13,150 --> 00:31:15,320 Et si non habere Umbra Dom, mallem te 646 00:31:15,320 --> 00:31:18,740 have efficio quod quia manually carere non potest totum page. 647 00:31:18,740 --> 00:31:21,430 Non potes praestare, ut tibi mutare unumquodque manually, 648 00:31:21,430 --> 00:31:23,990 quod in MVA molestum. 649 00:31:23,990 --> 00:31:27,640 >> Ita in ordine ad esse parcus, et selectively 650 00:31:27,640 --> 00:31:30,750 page update, qui est efficiens, sed etiam molestus. 651 00:31:30,750 --> 00:31:34,002 In React propter Umbra Dom utrumque tibi gratis. 652 00:31:34,002 --> 00:31:35,710 Suus 'quia efficiens de Umbra Dom. 653 00:31:35,710 --> 00:31:37,210 Bottleneck est adaequationis ad page. 654 00:31:37,210 --> 00:31:40,292 Suus 'non faciens flexibus ligno. 655 00:31:40,292 --> 00:31:41,250 Vos adepto efficientia. 656 00:31:41,250 --> 00:31:45,420 Vos quoque adepto otia usus si vos iustus RESCRIBO totum page, 657 00:31:45,420 --> 00:31:48,970 sed iusti, recte res page alicubi in futura. 658 00:31:48,970 --> 00:31:51,180 Ut in alio loco, sed suus 'iens in pagina iudicium 659 00:31:51,180 --> 00:31:52,860 Sic vos iustus re-reddidit totam rem virtualiter, 660 00:31:52,860 --> 00:31:55,540 et faciatis a iugo Mutationes commentationum quae huic paginae ipsum. 661 00:31:55,540 --> 00:31:57,850 >> Sic et vos in MVA alterutram eligi oporteret 662 00:31:57,850 --> 00:32:01,840 Inter usurpare otium efficientiam et agere, et tibi. 663 00:32:01,840 --> 00:32:04,020 Sic suus 'melius. 664 00:32:04,020 --> 00:32:05,220 Fac sensus? 665 00:32:05,220 --> 00:32:06,676 Solidum constare relinquas. 666 00:32:06,676 --> 00:32:12,080 >> OK, ita videre fama IV pauco circa pedem, 667 00:32:12,080 --> 00:32:14,740 quomodo possumus embed componentibus. 668 00:32:14,740 --> 00:32:16,260 Itaque hoc modo. 669 00:32:16,260 --> 00:32:19,420 Frigidum habemus ipsum. 670 00:32:19,420 --> 00:32:23,157 Possumus et TALITRUM eam egredere, et omnia quae facit. 671 00:32:23,157 --> 00:32:24,990 Sit scriptor dicere volumus alium component. 672 00:32:24,990 --> 00:32:28,730 Lets 'narro nostra app flashcard should Habet elencho omnium pecto 673 00:32:28,730 --> 00:32:31,520 quod habes, ut non modo aliam component. 674 00:32:31,520 --> 00:32:32,970 Bene, maybe dixerim album visum. 675 00:32:32,970 --> 00:32:36,200 Elenchum sententiam faciamus coexistit CardView, 676 00:32:36,200 --> 00:32:39,680 et hoc album visum et CardView similis opus simul. 677 00:32:39,680 --> 00:32:43,190 Et cum volueritis potestis ea cogenda nostrae enim app. 678 00:32:43,190 --> 00:32:45,160 >> Primo a faciamus iugo magis cards ius. 679 00:32:45,160 --> 00:32:46,370 Sic nimirum quod card 680 00:32:46,370 --> 00:32:49,619 681 00:32:49,619 --> 00:32:51,910 Et sic non oportet bore typing in te, 682 00:32:51,910 --> 00:32:53,410 Im 'iustus iens ut effingo quod hinc. 683 00:32:53,410 --> 00:33:01,664 684 00:33:01,664 --> 00:33:03,580 Itaque non ego dabo iustus unus card. 685 00:33:03,580 --> 00:33:06,910 Im 'iens ut darem aciem nibh. 686 00:33:06,910 --> 00:33:10,240 Primum itaque apps iens ut fran- gam nunc. 687 00:33:10,240 --> 00:33:14,717 Omni jure, ita dicturi sumus facere hoc contrectare potuimus multiplex nibh. 688 00:33:14,717 --> 00:33:17,800 Primo erant 'iens ut darem eam non sed solummodo aciem card card 689 00:33:17,800 --> 00:33:18,700 sicut a album of cards. 690 00:33:18,700 --> 00:33:20,980 In hoc casu tribus. 691 00:33:20,980 --> 00:33:27,280 >> Omni jure, ita ut app iens ut index card 692 00:33:27,280 --> 00:33:29,870 et suus 'iens, uter unum ad ostendendum CardView. 693 00:33:29,870 --> 00:33:33,740 Potest solum in CardView reddunt unam schedulam sed app 694 00:33:33,740 --> 00:33:37,610 accedit index pecto omnes iudicium 695 00:33:37,610 --> 00:33:40,820 >> Ita cum vos instar sicco unum card dare CardView, 696 00:33:40,820 --> 00:33:44,660 quomodo te posse coniecto de quibus statuere card 697 00:33:44,660 --> 00:33:47,064 ostendere? 698 00:33:47,064 --> 00:33:49,980 Dare signum illud tempus Youll 'exsisto visum quendam card. 699 00:33:49,980 --> 00:33:53,260 Si refoveo page, youll ' sicut ad primum redire card. 700 00:33:53,260 --> 00:33:55,464 Ut eget enim tempus illud. 701 00:33:55,464 --> 00:33:56,630 Quid ars ut utimur? 702 00:33:56,630 --> 00:34:02,534 703 00:34:02,534 --> 00:34:08,760 >> AUDITORES: tu posse variabilis ita sicut ante habuisti. 704 00:34:08,760 --> 00:34:11,989 Hoc verum est, vos could habere current pares I card? 705 00:34:11,989 --> 00:34:14,150 >> Neel MEHTA: Yeah, ita et nos velle statu iudicium 706 00:34:14,150 --> 00:34:16,080 Vos would utor state in component ut instar sicco 707 00:34:16,080 --> 00:34:17,288 card quod nos volo impetro. 708 00:34:17,288 --> 00:34:19,290 Sicut nos habere a album of omnes pecto, puteus ' 709 00:34:19,290 --> 00:34:21,630 uti state ut instar sicco unus de primis card, 710 00:34:21,630 --> 00:34:23,710 card secundi, tertii card, et sic de aliis. 711 00:34:23,710 --> 00:34:28,760 >> Sic an app so an app mos adepto a habent getInitialState munus, 712 00:34:28,760 --> 00:34:35,020 getInitialState functio redit. 713 00:34:35,020 --> 00:34:39,929 Et puteus 'dicere activeIndex 0. 714 00:34:39,929 --> 00:34:42,889 Ita nunc nostra app habet proprium statum. 715 00:34:42,889 --> 00:34:47,179 >> Et nunc retribuet, instar card eamus nunc ad pugnandum 716 00:34:47,179 --> 00:34:49,969 et capto aliquid ad quod index. 717 00:34:49,969 --> 00:34:53,580 Select card aequalis this.props.cards this.state.activeIndex. 718 00:34:53,580 --> 00:34:56,469 719 00:34:56,469 --> 00:35:00,162 Itaque videtis et adminicula status actu cooperantur. 720 00:35:00,162 --> 00:35:08,990 Ita nunc quod habemus activeCard, feres activeCard, 721 00:35:08,990 --> 00:35:10,470 et videamus hoc facit. 722 00:35:10,470 --> 00:35:20,320 723 00:35:20,320 --> 00:35:20,820 [Tacita] 724 00:35:20,820 --> 00:35:41,504 725 00:35:41,504 --> 00:35:44,900 >> Utinam illud erat error. 726 00:35:44,900 --> 00:35:45,400 Ah. 727 00:35:45,400 --> 00:35:51,420 728 00:35:51,420 --> 00:35:54,840 >> Cool, yep sic retro fuimus in quo fuerunt ante iudicium 729 00:35:54,840 --> 00:35:57,100 Eadem progressio, nisi nunc non possumus sustinere 730 00:35:57,100 --> 00:35:59,390 elenchum lacus non unum card. 731 00:35:59,390 --> 00:36:04,130 Et nunc, si nos mutari activeIndex possumus ire 0 I, 732 00:36:04,130 --> 00:36:07,330 et nunc secundo card, et cum valefecissemus invicem ascendimus 0. 733 00:36:07,330 --> 00:36:10,390 Sic hic 'a new nostram versionem souped sursum. 734 00:36:10,390 --> 00:36:16,000 >> OK, ita melius est quod album visum metus in omnes ostendit propositum, 735 00:36:16,000 --> 00:36:19,980 sic faciam a new component ListView vocatur. 736 00:36:19,980 --> 00:36:22,155 Sit ListView react.createClass pares. 737 00:36:22,155 --> 00:36:32,890 738 00:36:32,890 --> 00:36:38,800 Reddere volumus ul item omne album est album card. 739 00:36:38,800 --> 00:36:41,490 Et sic habemus fasciculumque nibh. 740 00:36:41,490 --> 00:36:44,990 Volumus unum list item quia omnis card, ius? 741 00:36:44,990 --> 00:36:47,490 Neque enim facere poteramus loop aliquid novum list item. 742 00:36:47,490 --> 00:36:50,522 Viam fecisti in Reflecti, uti rem vocavit map. 743 00:36:50,522 --> 00:36:57,150 Map est instrumentum vel functio uteris vas quod currit muneris solvenda necnon, 744 00:36:57,150 --> 00:36:59,510 reditum in pretio habet, et tuus dabit tibi retro. 745 00:36:59,510 --> 00:37:06,310 >> Ut exemplum habemus aciem I, II, 3.map function-- et hoc 746 00:37:06,310 --> 00:37:12,120 est enim a actuaris exceptam function-- x sagitta x times x. 747 00:37:12,120 --> 00:37:16,110 Hoc dicit, quia quilibet numerus in I, II, III, tolle. 748 00:37:16,110 --> 00:37:17,800 Origo et redde. 749 00:37:17,800 --> 00:37:22,090 I Quid putatis, II, 3.map x goes to x temporibus 750 00:37:22,090 --> 00:37:25,480 x dat tibi dedi quod hoc munus est 751 00:37:25,480 --> 00:37:27,680 run per elementum ut ordinata. 752 00:37:27,680 --> 00:37:30,837 753 00:37:30,837 --> 00:37:32,190 >> AUDITORES: I, IV IX? 754 00:37:32,190 --> 00:37:35,709 >> Neel MEHTA: Vidi, I, IV, IX I I temporibus propter vos. 755 00:37:35,709 --> 00:37:36,500 Qui dat vos unum. 756 00:37:36,500 --> 00:37:37,690 Ut primum elementum. 757 00:37:37,690 --> 00:37:38,530 >> II est II temporibus IV. 758 00:37:38,530 --> 00:37:39,570 Quod in altero temporis puncto. 759 00:37:39,570 --> 00:37:40,310 III III tempora est IX. 760 00:37:40,310 --> 00:37:41,540 Ut 'tertium adiacens. 761 00:37:41,540 --> 00:37:42,640 Fac sensus? 762 00:37:42,640 --> 00:37:45,015 Ita map habet ars vobis uti in programmers eget, 763 00:37:45,015 --> 00:37:48,090 novum genus Aliquam libero facere aliquid 764 00:37:48,090 --> 00:37:50,500 in omni elementum elit. 765 00:37:50,500 --> 00:37:51,970 Et ideo rationabiliter hoc sonat familiar. 766 00:37:51,970 --> 00:37:53,370 Nos index pecto. 767 00:37:53,370 --> 00:37:56,860 Volumus item ut omne album qui ita iustus utor hic map. 768 00:37:56,860 --> 00:38:00,250 Puteus 'dicere, absit aequales this.props, cards, map. 769 00:38:00,250 --> 00:38:10,580 770 00:38:10,580 --> 00:38:15,070 >> Dedit itaque card sumus iens ut generare list item 771 00:38:15,070 --> 00:38:17,580 cum parte argumenta card. 772 00:38:17,580 --> 00:38:20,660 Lets dare volumus dicere pecto ut card.question interrogare. 773 00:38:20,660 --> 00:38:24,990 774 00:38:24,990 --> 00:38:30,649 Ita hoc list continet LI array sive List Items 775 00:38:30,649 --> 00:38:32,440 ubi unum list item quia omnis card, 776 00:38:32,440 --> 00:38:35,150 et quod continet quaestionem cards. 777 00:38:35,150 --> 00:38:37,640 Fac sensus? 778 00:38:37,640 --> 00:38:39,450 >> Cool, ita nunc, scriptor actu procer foras. 779 00:38:39,450 --> 00:38:46,521 Et revertentes ul. 780 00:38:46,521 --> 00:38:49,020 Intra quod inordinatum album, nos etiam membris iustus virga 781 00:38:49,020 --> 00:38:49,890 quod dedit nobis. 782 00:38:49,890 --> 00:38:52,851 783 00:38:52,851 --> 00:38:53,350 Frigus. 784 00:38:53,350 --> 00:38:56,060 >> Omni jure, ita nunc album visum opera iustus reperio. 785 00:38:56,060 --> 00:38:59,842 Quisque circa album visum? 786 00:38:59,842 --> 00:39:01,270 Tu fasciculum nibh. 787 00:39:01,270 --> 00:39:02,800 Vos item omne album card. 788 00:39:02,800 --> 00:39:05,466 Posuisti interius li album et redde. 789 00:39:05,466 --> 00:39:09,410 Nunc ergo eamus ita nos embed nostra app inside of hoc, 790 00:39:09,410 --> 00:39:14,310 possumus hoc album visum. 791 00:39:14,310 --> 00:39:17,070 Qua ratione factum est ut album visum nos? 792 00:39:17,070 --> 00:39:18,320 Quae proprietates damus? 793 00:39:18,320 --> 00:39:25,111 794 00:39:25,111 --> 00:39:26,860 Memento, si dederis it fasciculum cards, 795 00:39:26,860 --> 00:39:29,590 itll facere album visum pro illis cards. 796 00:39:29,590 --> 00:39:32,267 Quid ergo nos transire hic sicut argumentum? 797 00:39:32,267 --> 00:39:33,350 Auditos editis card 798 00:39:33,350 --> 00:39:37,130 Neel MEHTA: Yeah, ita cards pares this.props.cards, ius? 799 00:39:37,130 --> 00:39:39,850 800 00:39:39,850 --> 00:39:44,370 Et sic solus forsit est ut vos can tantum 801 00:39:44,370 --> 00:39:48,600 unusquisque in summo gradu elementum reddere, et involvent illud div inpertiendam. 802 00:39:48,600 --> 00:39:49,100 Suus 'fatum. 803 00:39:49,100 --> 00:39:56,190 804 00:39:56,190 --> 00:39:57,530 Itaque si videamus. 805 00:39:57,530 --> 00:40:09,790 806 00:40:09,790 --> 00:40:10,560 Vtrum qui operantur? 807 00:40:10,560 --> 00:40:29,774 808 00:40:29,774 --> 00:40:31,030 >> Vidi, ibi tu properas. 809 00:40:31,030 --> 00:40:33,700 Ita nunc habemus a list of cards collocemus in imo, 810 00:40:33,700 --> 00:40:36,180 et tunc habemus CardView se in vertice, 811 00:40:36,180 --> 00:40:40,486 et quod inter flip duabus card. 812 00:40:40,486 --> 00:40:42,610 Sed quomodo id faciunt sensum fecerunt? 813 00:40:42,610 --> 00:40:45,165 814 00:40:45,165 --> 00:40:46,790 Yeah, ita quoque duo habemus. 815 00:40:46,790 --> 00:40:49,666 Primum component prints ex omni numero in card. 816 00:40:49,666 --> 00:40:50,540 Ut 'album visum. 817 00:40:50,540 --> 00:40:54,770 Et secundum adiacens iustus procer sicco ut card. 818 00:40:54,770 --> 00:40:58,840 Si dederis aliquid schedulam itll procer sicco information about quod card 819 00:40:58,840 --> 00:41:01,870 et reversus es flip. 820 00:41:01,870 --> 00:41:05,850 >> Si volumus, possumus experiri loquamur addens quaedam relationibus de hac nova. 821 00:41:05,850 --> 00:41:09,482 Paulo aliter loquamur ad velocitatem reactor, 822 00:41:09,482 --> 00:41:11,190 vel excludere possumus quaestionum vos vires have 823 00:41:11,190 --> 00:41:15,050 quia haec omnia sunt ex partibus core et agere quod volo loqui. 824 00:41:15,050 --> 00:41:16,540 Possumus et anteibit faciem tuam. 825 00:41:16,540 --> 00:41:17,590 Possumus respondere quaestiones. 826 00:41:17,590 --> 00:41:18,560 Quodcumque volueritis petetis. 827 00:41:18,560 --> 00:41:21,694 828 00:41:21,694 --> 00:41:24,205 >> AUDITORES: numquid tolletur JSX in normalis JavaScript? 829 00:41:24,205 --> 00:41:27,150 Aut est quod aliquid venit cum [tacita]? 830 00:41:27,150 --> 00:41:30,760 >> Neel MEHTA: quaeritur unde profecta sit can vos utor JSX normalis JavaScript? 831 00:41:30,760 --> 00:41:32,620 Et respondendum est, quod sic. 832 00:41:32,620 --> 00:41:41,070 Sit amet suscipit JSX viam vestram Inside of HTML JavaScript quod habet illud, 833 00:41:41,070 --> 00:41:44,215 et exequitur quod in JavaScript non habet HTML inside of eam. 834 00:41:44,215 --> 00:41:47,880 Sic animadverto that-- sic animadverto hic. 835 00:41:47,880 --> 00:41:50,820 Hoc vultus amo vos have ut div et non habetis effercio inside of eam. 836 00:41:50,820 --> 00:41:54,970 >> Quod compiles ad quod JavaScript simile generat simile. 837 00:41:54,970 --> 00:41:59,590 Fatendum est quod loquor JSX syntactic sit amet, suus 838 00:41:59,590 --> 00:42:03,530 praeprocessorium dicatum ad JavaScript multum quasi PHP est praeprocessorium dicatum ad HTML. 839 00:42:03,530 --> 00:42:05,490 AS est praeprocessorium dicatum pro JavaScript quod lets 840 00:42:05,490 --> 00:42:12,970 quos posuistis in medio tui HTML JavaScript. 841 00:42:12,970 --> 00:42:16,425 Si ergo habes ius transformer quod aliquid dicitur [tacita] 842 00:42:16,425 --> 00:42:17,300 qui reformabit corpus. 843 00:42:17,300 --> 00:42:19,360 Ius praeprocessorium dicatum, dabit illud feceris. 844 00:42:19,360 --> 00:42:20,235 >> AUDITORES: [tacita] 845 00:42:20,235 --> 00:42:23,026 Neel MEHTA: Usitas vos non indigetis ut inside of HTML JavaScript 846 00:42:23,026 --> 00:42:24,110 nisi fratrem vestrum istud React. 847 00:42:24,110 --> 00:42:27,146 Sed certe potest. 848 00:42:27,146 --> 00:42:27,645 Yep? 849 00:42:27,645 --> 00:42:29,353 >> AUDITORES: Puto te descripserat React 850 00:42:29,353 --> 00:42:31,970 sicut eget programing lingua. 851 00:42:31,970 --> 00:42:35,646 Nos Ive 'been discentes C in CS50. 852 00:42:35,646 --> 00:42:38,032 C est etiam a eget lingua? 853 00:42:38,032 --> 00:42:39,990 Neel MEHTA: Ita quaestio est eget 854 00:42:39,990 --> 00:42:43,010 versus aliud dicitur imperative processualibus aut programming. 855 00:42:43,010 --> 00:42:44,820 Illic 'duo genera progressio aura popularis ierat. 856 00:42:44,820 --> 00:42:48,550 Unum vocatur processualibus, quae quasi faciens omnia mandata 857 00:42:48,550 --> 00:42:51,510 alius muneris ista quae habens circa functiones et loculos habens, 858 00:42:51,510 --> 00:42:52,930 input et output illorum. 859 00:42:52,930 --> 00:42:55,930 Reflecti est eget paradigma. 860 00:42:55,930 --> 00:42:58,010 C est valde processuales peragendos paradigma. 861 00:42:58,010 --> 00:43:02,360 >> Et exemplum C puta dicitis non feceritis nulli hoc modo enuntiativum 862 00:43:02,360 --> 00:43:04,390 faciendi rationem iudicium 863 00:43:04,390 --> 00:43:06,826 Te dicere hoc imprimendi. 864 00:43:06,826 --> 00:43:07,950 Mutare hoc notitia structura. 865 00:43:07,950 --> 00:43:08,530 Print this. 866 00:43:08,530 --> 00:43:10,160 Suus 'circa omnes praeesse exercitibus opporteret. 867 00:43:10,160 --> 00:43:12,640 >> In React, illic 'non quod multi praeesse exercitibus opporteret. 868 00:43:12,640 --> 00:43:15,145 Suus 'circa omnes habentes components posuistis simul. 869 00:43:15,145 --> 00:43:16,300 Haerent hujusmodi facere. 870 00:43:16,300 --> 00:43:26,360 Habetis quasi functio vocavit CardView, 871 00:43:26,360 --> 00:43:28,680 quarum altera est functio quod habet input, output, 872 00:43:28,680 --> 00:43:30,660 et ita est in omnibus React de hac phylosophia expressius 873 00:43:30,660 --> 00:43:32,700 nobis having-- habes data. 874 00:43:32,700 --> 00:43:34,910 Transieris per hoc algorithm, et itll ' 875 00:43:34,910 --> 00:43:36,800 output HTML quod vos sicut typis in page, 876 00:43:36,800 --> 00:43:39,180 ita et vos have ut extruendam eam in frusta concisam. 877 00:43:39,180 --> 00:43:42,800 >> Itaque ut eliceret ad similitudinem Dixi, scis 878 00:43:42,800 --> 00:43:47,050 si is on Facebook nuntius et imitaris eget partes, 879 00:43:47,050 --> 00:43:47,882 quod processuales peragendos. 880 00:43:47,882 --> 00:43:48,840 Suus 'imperative, ius? 881 00:43:48,840 --> 00:43:49,806 OK accepi nuntium. 882 00:43:49,806 --> 00:43:50,930 Sit scriptor ob rem mutare. 883 00:43:50,930 --> 00:43:52,110 >> Lets pop a fenestra hic. 884 00:43:52,110 --> 00:43:52,780 Sit scriptor ob rem mutare. 885 00:43:52,780 --> 00:43:53,700 Sit scriptor trahere hic. 886 00:43:53,700 --> 00:43:55,220 Quod suus 'a processualis appropinquabit. 887 00:43:55,220 --> 00:44:00,240 >> Id huiusmodi angulatis Boost, Backbone, alia frameworks uti. 888 00:44:00,240 --> 00:44:01,200 Reflecti est muneris. 889 00:44:01,200 --> 00:44:03,324 Suus 'a longe aliter cogitandi de rebus. 890 00:44:03,324 --> 00:44:07,950 Quae hac ratione tibi melius muneribus quibuslibet fungi vel algorithms quod vos hic sedebitis? 891 00:44:07,950 --> 00:44:08,800 dare data. 892 00:44:08,800 --> 00:44:11,820 Itll exspue quod sit, et computer 893 00:44:11,820 --> 00:44:13,490 pascam appendebat. 894 00:44:13,490 --> 00:44:15,890 Sed illud non poteris sustinere. 895 00:44:15,890 --> 00:44:18,470 Numquid parum faciunt sensus? 896 00:44:18,470 --> 00:44:18,970 Yeah? 897 00:44:18,970 --> 00:44:24,180 >> AUDITORES: In eget a lingua, omnia contingit simul? 898 00:44:24,180 --> 00:44:26,800 >> Neel MEHTA: Nequaquam ita fiat, quae ventura sunt in ordine. 899 00:44:26,800 --> 00:44:29,320 Sicut hic illic 'adhuc ordinem, sed non 900 00:44:29,320 --> 00:44:32,390 contingere in ordine sicut commendo, quia manda remanda manda. 901 00:44:32,390 --> 00:44:36,459 Contingit in ordinem munus dat tibi output. 902 00:44:36,459 --> 00:44:37,750 Hoc in aliud munus. 903 00:44:37,750 --> 00:44:39,550 Posuit quod in alium munus, aliud munus. 904 00:44:39,550 --> 00:44:41,470 >> Si laeseritis CS51, youll discere eget progressio 905 00:44:41,470 --> 00:44:42,886 paululum materiam hujus sacramenti. 906 00:44:42,886 --> 00:44:45,090 Sed basically quid fiet Reflecti frigus est non solum 907 00:44:45,090 --> 00:44:46,840 uno modo data fluunt et virtualis Dom, 908 00:44:46,840 --> 00:44:48,700 sed etiam hac idea eget programming. 909 00:44:48,700 --> 00:44:51,720 Et ad munus programming est id dictu facillimum in auram et faciunt de materia, 910 00:44:51,720 --> 00:44:53,844 Perfacile factu esse suus de causa et de. 911 00:44:53,844 --> 00:44:55,450 Sic suus 'ducatur aliud agere. 912 00:44:55,450 --> 00:44:58,489 913 00:44:58,489 --> 00:44:59,280 Amplius interrogare? 914 00:44:59,280 --> 00:45:02,650 915 00:45:02,650 --> 00:45:03,150 Yeah? 916 00:45:03,150 --> 00:45:06,840 >> Auditos um quid habes contra usum var? 917 00:45:06,840 --> 00:45:10,450 >> Neel MEHTA: Ita quaestio est Cur ergo non uteris var? 918 00:45:10,450 --> 00:45:13,220 Hoc est quod vocatur ES6 vel ECMAScript VI. 919 00:45:13,220 --> 00:45:15,820 Sed nova JavaScript. 920 00:45:15,820 --> 00:45:19,050 Illic 'a fasciculumque technicae rationes, Sed melius versionem var. 921 00:45:19,050 --> 00:45:20,724 >> Sed quid dicis purus. 922 00:45:20,724 --> 00:45:21,390 Vos can utor let. 923 00:45:21,390 --> 00:45:22,140 Vos can utor var. 924 00:45:22,140 --> 00:45:23,825 Let habet fasciculum technica reasons-- aspicere potes eos 925 00:45:23,825 --> 00:45:25,610 ascendit later-- quare suus 'melior. 926 00:45:25,610 --> 00:45:28,780 Basically, ES6 has nonnullus nice novum syntax, aliqua etiam surrexerint nova 927 00:45:28,780 --> 00:45:30,720 super veterem JavaScript. 928 00:45:30,720 --> 00:45:32,782 >> Ita similis quinque minutes. 929 00:45:32,782 --> 00:45:34,990 EGO iustus volo loqui Unus plus rei realis ieiunium. 930 00:45:34,990 --> 00:45:36,450 Si habueritis quis quaestiones, post haec fama. 931 00:45:36,450 --> 00:45:38,366 Sed tantum hoc gets captus in camera, EGO iustus 932 00:45:38,366 --> 00:45:41,550 quomodo aliquid loqui vere utor in vestri React apps. 933 00:45:41,550 --> 00:45:47,220 934 00:45:47,220 --> 00:45:58,640 >> Si tu hic, Facebook.GitHub.IO/react, 935 00:45:58,640 --> 00:46:03,320 hanc paginam pro React et quod ostendam tibi qualiter etiam per 936 00:46:03,320 --> 00:46:05,320 Reflecti in pages. 937 00:46:05,320 --> 00:46:08,845 Basically, suus 'a parum complicated trying ut install React. 938 00:46:08,845 --> 00:46:12,300 Non tam facile vos duco et stilla JavaScript ibi. 939 00:46:12,300 --> 00:46:15,890 >> Vos habere tuum transformer profectus est, quod, sicut facere ante consueveras 940 00:46:15,890 --> 00:46:18,120 contaminationibus vestris avertite JSX in normalis JavaScript. 941 00:46:18,120 --> 00:46:21,030 Vos have ut quod tibi placet vos compilare ES6 ut Northmanni. 942 00:46:21,030 --> 00:46:24,720 Ibi multum moveris JavaScript partes agas, ut nulla re 943 00:46:24,720 --> 00:46:27,200 vocavit Yeoman, Yeoman.io. 944 00:46:27,200 --> 00:46:31,110 Et hoc est mandatum linea tool ut youll auxilium vobis æneam tuam React 945 00:46:31,110 --> 00:46:32,380 exertus facile. 946 00:46:32,380 --> 00:46:38,660 >> Sic ergo vales scripturam legere hac postea autem sunt instrumenta 947 00:46:38,660 --> 00:46:40,160 quod Yeoman offert. 948 00:46:40,160 --> 00:46:43,280 Tute creabis React app omnia aedificavit in. 949 00:46:43,280 --> 00:46:46,030 Sicut itll aedificavi in, aedificavit in componentibus. 950 00:46:46,030 --> 00:46:47,880 Quod youll 'have vestri transformer aedificavit in. 951 00:46:47,880 --> 00:46:50,699 They have multus of frigus effercio aedificavit in ipso 952 00:46:50,699 --> 00:46:52,240 usura haec vocatur generantibus. 953 00:46:52,240 --> 00:46:54,620 >> De hac igitur, si placet. 954 00:46:54,620 --> 00:46:59,110 Perge modo Yeoman y O M E N A et Nullam similia generantibus. 955 00:46:59,110 --> 00:47:01,263 Et generantibus similis haec, te similis unius puellarum 956 00:47:01,263 --> 00:47:03,010 est order versus duo praecipit. 957 00:47:03,010 --> 00:47:05,530 Itll æneam educturi totam React app pro vobis. 958 00:47:05,530 --> 00:47:10,470 Quod youll 'adepto omnia manual limbis, et opus porce tibi 959 00:47:10,470 --> 00:47:13,010 et ideo iustus dolor on iustus scribens in React. 960 00:47:13,010 --> 00:47:16,739 >> Sic basically aedificanti App nontrivial reflecti est. 961 00:47:16,739 --> 00:47:19,530 Suus 'wired omnes simul, sed Faciam enim sunt instrumenta. 962 00:47:19,530 --> 00:47:23,070 Si vis facere React app conantur facere est. 963 00:47:23,070 --> 00:47:26,360 Si vis experiri vos can tendo utentes CodePen 964 00:47:26,360 --> 00:47:28,550 quia hoc habet CodePen omnes reflecti wiring. 965 00:47:28,550 --> 00:47:30,240 Iam opus feci. 966 00:47:30,240 --> 00:47:34,610 >> Si vis ut productio dimittere React app, 967 00:47:34,610 --> 00:47:37,220 experiri unum ex istis generantibus. 968 00:47:37,220 --> 00:47:40,240 Si vos iustus volo ludere converso, saepe tanti 969 00:47:40,240 --> 00:47:44,490 sicut conantur circum aram ludentibus in CodePen here. 970 00:47:44,490 --> 00:47:45,470 Sonus bonum? 971 00:47:45,470 --> 00:47:45,970 Frigus. 972 00:47:45,970 --> 00:47:47,890 >> Ut ergo ego. 973 00:47:47,890 --> 00:47:52,470 Deinde vt omnes code here futurum hoc website. 974 00:47:52,470 --> 00:47:55,509 Sic nos non loqui circa frequens syntax of React, 975 00:47:55,509 --> 00:47:57,550 sed invenire omnibus illis syntactical paulo details, 976 00:47:57,550 --> 00:48:00,320 omnes suus 'iens sit amet in hoc website hic. 977 00:48:00,320 --> 00:48:02,660 >> Ita 'suadeo similis ad primum ferendum gradum. 978 00:48:02,660 --> 00:48:06,277 Mitteret illud in peram CodePen tuum. 979 00:48:06,277 --> 00:48:08,110 Try opus facto ad secundum gradum. 980 00:48:08,110 --> 00:48:11,310 In quarto gradu atque ubi ex te. 981 00:48:11,310 --> 00:48:14,840 >> Amplius interrogare, reprehendo page ut email. 982 00:48:14,840 --> 00:48:16,490 Quod suus meus email. 983 00:48:16,490 --> 00:48:19,885 Sed rutrum nulla amabis de quaestionibus React habeamus. 984 00:48:19,885 --> 00:48:21,010 Sic yep, id quod habeo. 985 00:48:21,010 --> 00:48:23,410 Tibi gratias ago pro omnibus diversi generis multa nimis vigilantes vel frequentandi. 986 00:48:23,410 --> 00:48:26,820 Et ego capiam quicquam interrogare ne vos quidem iam. 987 00:48:26,820 --> 00:48:29,140 Et gratias pro salute omnium. 988 00:48:29,140 --> 00:48:31,270