 Vrži to. Čuvajme, Lisie. Zdravjajte nasički. Skazam, ste ni mir. In nekaj sem predsakam, da govoriš, da je Ternikov, što to če vek govori mnohvoj rauti, no to je napravjeno leko intro, če treba da učim reakt. To je javascript. Če skoro vreme može admina, da mi ne na javascript. Če ja še govoriti nespov specijalno za javascript bibliotekata reakt iz REST API. Skazam, ste ni mir. V World Press Developer sem v side ground. Zanimam se s World Press od 5 in poveče govinje, moži više zveče. A aktivno očastvam v World Press kamenjete to, kaj to organiziram različne eventi. V World Camp v Arna imaš je pred dve godini. Vdajam se skoro, da ima pak. Pogin developer, mita, organizer in moži bi naj važno tudi svički, pa šta sem na dve deca. Ne sem pijan, pa prosto takas izgledam. Se ošte. Nekaj pa razpošnem, što treba da učim iz obšto reakci, za kvo ne je to reakci, za što da, za što, za što da go pravim. Reakci je prosti lesen za učine in se izpozavam nogo, to je na vliza in moži bi ošte se te na vliza. Vseš je takaj skločitelnok burs. Pozvoljavanje ima eno nešto na rečeno komponenti, kajto moh da bada tudi kontaineri. Dolgo ra identično nešto je. Ta tva nešto moži da se preizpozavam nogo pati. In ima state container, ko je to, sem da v primer sa sreduks, ko je še obesne posle kvo je, no ima je drugi, ko je tudi moh da se izpozvat. Ko znači prosti lesen za učine, a mi to je kot, ne znam, da li go vždyte, je mnogo dobre, no to je reakt kot, ko je to, dosta preličan HTML in CSS kot, a katero poglednete gore, to je CSS odsiakade, katero je dizinstvenata razlika, katero se piše sa schemao case, a ne sa stire, kak to je v CSS, imamo ena konstanta menju, in v nej imamo navigacija, list, kajto pa po sreštje način, kogato pišem HTML, ki pišem po sreštje načini tam, imamo jeden loop, ko je to v JavaScript'e sreštje, tako, ako znajete malo HTML, ne malo, ako znajete dobre HTML, CSS sranitevno dobre JavaScript, možete lezno da zapošite, da učite reakt. Vsešto kaj reakt je isključitevno burs, tvoj je na odprečinite, kojto so odnovni, za da go pozome, in sešo je vbesne, zašto je burs reakt, ko je to se sučva, kogato browser atrendira vašja sajt, a to je rendira celja HTML in seke edin elementu toj HTML se pazi v pameta, to je v doma, ko je to dom se pazi v pameta. To se sučva, kogato nija naprajem neko promen sa JavaScript, poni da se je moderno da se prajati dosta promeni, single page application, sitka natatika, taj neštaj ga prajem sa JavaScript, ali da ne prezarežda mi stranjista. Ko se sučva, to dom se pregenerira na no. Dobre, ali, ko je to, ko ima, da se pregenerira doma na no. Ok, ako je za neko ko, neko ko promeni, ko je to se sučva, tudi ne se čak to, ko je golemi, no, ko imam je ogromne količe v promeni, to je z doma se generira na no, na no, na no, na no, na no, ko je to prave neštaj, je de od pameta, je prave sajetani balen. Reakt po praje reakt, reakt ima eno nešto na rečeno, virtual dom, ko je to, abstrakcija na realne dom. I reakt po praje, imam v PSI promeni, ko je to PSI promeni, vmez, da se sučva, da se pregenerira na no, realne dom, te se sučva v virtualne dom. Virtualne dom, kaj zva čekaj se, tukaj naprajite je promeni, ne vada update vam, glavne dom, še z evam promeni, tukaj nečko tukaj te viždate. Tukaj ima me ta promena, realne dom, zimi ta promena in samo ne je promeni. Tva spestejava je dnji, ako v prve so če imam PSI promeni i doma se genera PSI plati, v to rej slučaj se generira 2-3 plati, ko je to, supero se zajema razlika in spestejava mnogo resursi i pravi samija reakt v rs. Prima, ko je to sam dao, tukaj se stoja cikal, ne imam otočen, sem še se opitam, da go besnem, imam en element na našem stranice ili mnogo elementi, ko je ima kaj se element, cikljim gi stopati ima dobar na toj klas change, kaj to je za nekva promena, prema ne se sluča. Kaj se sluča v realne, ako pa pravim našto prehoženje in naši jaz sajte, bez reakt, tva, ko še napraviš kaj to je barno, tvoj je samo za jedin element, ko imam 100-200 element, znača mnogo cikli, mnogo promeni in mnogo pregenerena na doma, ko je tukaj šte ni zjadete dosta resursi, tvoj še napravi reakt, reakt, če kaže, ok, tukaj imam 100 promeni, traj degi napraga, še ga razbija na nekaj parčet, na po 10, na po 15, to je vrtešno, da se ga znaje in še generira nekaj vdiv tudi, da je jedin je prve patbez, reakt, če generira mi 100 pati doma, to je repak, če ga generira me 10. Imam prizvajme komponenti, ko še reče tvar, a tukaj sem dajim primer sa sedim botom, ko je to vršta botom. Toče, no ideje te, če ima me dalim botom, ko je to prijema pro parcite, ko se sučva, kazujem imam botom, tukaj tvoj je teksta in to komponent, kaj to go sazdajem v reakt, to si sedi v bibliotekte, kaj ima vsečki file vej, prosto doma kažem, ako si v futara, teksta ti še nekaj futar tekst, ako si v header, tekst še nekaj v header tekst, kato primer mogo da vedam, headerite v WordPress temite, tam, kak to znajete, imam sedim header PHP, ko je to si drži vsečke nešta, ko je tera vse rendirati v header. I ko se sučva, kogato imamo na single PHP, na PHP, na srečki templati, nje evikajme getHeader, kaj to go in kodil, tam dolgo revert, je seštetej s preizpozvajimete komponenti. Ksakak to kaza, kaj to je za stejta Redux. Redux ne je tošno reakt, no s nego dosta polesno može, da prajem našte preložene. Redux si go predstavite, kaj to je na kotija, kaj je to pronačalno, v nega se drža vsečki danes za našte preložene. Kakaj tekst je v momenta, da ima nešto v našta količka v košnici, da li smo na čekauta kvinešta. Vsi, ko je sabrano tam, kvasta treba da se rendira preloženito ili aplikacij, proverjamo ta kotija, kva tošno ima in si gozivamo od tam. Spremno nego je rendiramo, da lište rendiramo, da količka ta je prazna, količka ta ima dva elementa. Ko se sučva, kogato izprimera s magazin, otivamo na shop stranicita, kopovamo se jedin produkt in go dobavamo v količkata. Odre se jedin event, ko je to otivaj, kazva na reduks, tukaj si promenuje no nešto, obnovi si danite in je predajana ta tak. Kva prereduks, obnovja se danite, te si drža v ta kotija, nalipremeno, poslednji prepredala na vsečki ostane. Tukaj sem primers, kako je tudi sijurizira nek pa promena, obače to komponent izvrzna s drujij komponent, tukaj treba je kazva, da je izprimena, promeni si tvojte danite sprejamo nego. To izvrza s drujij komponenti, v načalto je ok, da go pozdave, ako imamo neko več nešta, kogato element, ta nešta na stranicite ne stavna prekaleno mnogo, kogato počeva z pageti. Ko je so če sa storija primer, komponenta se promenja, kaj zva nastora, veš kvo, kaj se promeniha in ne nešta. Predaj tam na tvojite chora, ponad o poverigata, če sem g je promenil. Stora v trešno v sebe si kazva, dobro je tukaj te elementi raščitati na tvoje nešto, čega še im kaja z nataj, in te se prerendirati. To je naopolezno, kaj to rabotim s boljemi, po golemi sajtve, ili po golemi aplikaciji, začo to ne pozviljajo, da držim vsečke informacije na enom mjesto, je, da je dostava milo cjakade i kogato je promenim, ta se vršta, pa, kta mi se predaj, na vsečke ustanali. Ne je nežno, da pravim vrški mež do samite komponenti. Kaj da se zdajte te sami reaktap? Temata je nasločena za načinač, zato tva zbih preprčo, da je izpozvate createReaktUp. Tva je din MPM modu, kaj se zdaje on od Facebook. Kako to je reakt, se zdaje on od Facebook. A mnogo je prosto, instaliram iz tozi MPM modu in pokazam je createReaktUp, myup, kak to je tuk v primer, tva še ne se zdaje na nova papka, in v taj papka, to is automotivno sičko samo še se genera bez demon, nešto da vjede, nešto da pravite. Sajš se vprim, da vi go pokaža na živo. Puskame go. In kvoj se slučva? Še se instalira samo, vjede, nešto, nešto da pravite. Da vi nekaj te greški. Vrede, zbragajte se za to. Da, obšto se vrede po principi pravote, prej malo pravotiši, nosi ja što smo na scenata, in nekaj ovo še ravati se slučili na kompetara. Ne rabote. Koga da izpozame reakt, taj da predsinim, koga da go izpozame, še oto ne vinagi je podhodješ, da go izpozame. Aslišno bi go preprčal, da izpozate reakt, kogato imate malki kam v srednih projekti, kogato po glavnata čast od naravoteta ili od sami aplikečnih se slučal v front-end. Ilednjič kazano, ko imate plugin, ko je to registrira post-tip in taj je jedinstveno ta ravote, ko ja to je pravi, izobštno neva nožda, da namesamo reakt tam. Ile, ko imamo plugin, ko je to registrira post-tip, imamo na setting stranica, na kojato imamo neko koopšena, pa k neva nožda, da pozame reakt, poniže reakt je prenaznačen za sredno svožni posložni projekti, največ za golemi projekti. Ja, to reopet. Sve še pokaz v jaz, kakaj kriših, da je izobštno, da se zanimam sa reakt. To je moje prve projekte, ko je to da napravimo v side ground. To je jedin plugin, ko je to, kaj to go instalirajš, prenaznačen za našte novi klienti, tke, ko je to ne se zanimavali s WordPress, ne znajet, kakar bo ti, ne mogu, da se izberati tema. Iko pravi plugina, vsnovnotom funkcionala, zdaj, že pogolemata, je to, ko je v še vidite. Iztelerajte s WordPress, plugaj, instalirajte predvaretjoma, imate opce, da go izberete, da ni go instalirate, da ni go instalirajte, še odpakejmo me klienti, kazati ima, as niskem sik, pa to nešte mi izliza. Kazam, o start. Čakam je, da zaridi. Pa k neva, da zaridi. Internet neva. Ne bi verbi s sedemoteta dnes, a... može bi internetat. Da, internet. Pojčnik, ko ne da praje live demo na prezentacija. Ah, etil. Čudno. Kvo je momentokata? I dva klienta, taj je pravata stapkem in tva sa temi, koji to je možda se izbereti. Z temi njiha so hranjamo na naš server, dogovorili smo s čovek, ko je to tehne sazdatel, da ga pozome, da ga predaljamo na naši klienti. Dva klienta je primerno sajta, ko je to, iskale se napravi online store. Popravjamo, filtrjamo temite, kaj to, da, ako je baveni internet, za tvoje sočat balno neštate. Imamo, imamo vzmožno, da filtrjamo temite, imamo vzmožno, da ga vidim, kaj ki gledat. Tva zarežda izin iFrame, ko je to nešte tapnati na naš server. Vzmožno, da ga izberem, da ga razgledamo, da ga zatvorim, da ga potrsim po tema. Vešte, kako borja se slučava, vsečko do kato ga nacisna in reakt sam je, namira, kakve sa promenite in filtrira elementite na stranjesta in nešto drugo, ko je ti iskje, da je pokaža zabrazinati na samih reakt. Tukaj, tva sa elementite s temite. Kaj to vidite, te v momenti sa 6 temi, kaj je to vzatvore, se zarežda vsečki ustanali, ko je se slučava vsečko dobeno brzo. Radojem tuk, se vrnem v načalto, ne snem biznes, temite sa filtrira nekako, samite temi, ne se dobava neka v klas, hidan, nešto, kaj to opravajo standardne tefogini, vsečko se slučava, v reakti to je robota izključitelno brzo, točno tukaj. Tukaj imamo se jedno drugo, vsečko se dva bilodera ko se izberem. Nije naciskaj, ki tozi botom select, nije kazame reduks izbara tazi tema, kaj žin na to pop-up, če tvoja je tema tukaj tukaj tukaj izbraw in tukaj da si proveri vsečno vsebe, se da li ima nekaj pogini, ko se rekomendet, ko izberem druga tema, tukaj ima samo ena. Tukaj naciskaj, ki botona, tukaj je posjegopraštana toga pop-up in toga pop-up proverjava, da li tema tukaj da instalira, nešto, ili ne. Vsečko tukaj vsečko je za juzera, počti nema nikva, tukaj počta da instalira, počti nema tojest ima robota v PHP-tu, no, tjan ne stiga do potravitela. Ca, ca, ca, nešto, celja fovprez, ko je toto je mina, se sučila v frontej, da je na nas tam ne treba da je brzo. Tva, ko je to as napareh v načalto na samiji projekt, predovožeg, da izpoznam reakt, što to bi še izključitevno podhodjašte svičke te te nešta, ko je te v pokazaj. Zegme rešenje, ali ti si čulega pravi sigova, malo ako ne sta ne, to zdeči stana, srešno zde. Precenete si projekt, ako imate nešto, ko je ti se sučila dostal za samiji potrebitev, da ima del v PHP-kot, možete izpozati reakt, ne, ako je prekaleno glavne, veko prepočo, ako ste načine našte, da go izpozate za prekaleno glavne projekte. Še odprosti, še izbojskati sa snovu problemi in te proposnite dedovajno. Samiji reakt, to je javascript, to je si raboti, kompiliraj se in to, svičko, ko je ti se sučila, je v frontej, da. Bač je ni po nekaj način, še to izkam, da naprajem nekaj v plugin, še to reakt je si se raboti, obač je, ne može, premajno imam je plugin, ko je ti se izpozavati hljada ili dvehledi človeka. Ako go pozavajme samo za nasi, možete harkodnimo v semiji reakt rootvete do REST API, ko je ti se bojate tam, obače za golemi pluginim, treba se vse sočo dinamišno. Kaj zjema odbaz, da ne pozame REST API, kak raboti REST API, odajme idem link, in to je ne vršite in jesen s informacija. Za nasi. Izpozame tozi action REST API init, ko je tu vika link callback, ko je to srešno ste funkcija. Eto taz je funkcija, to je koda dva funkcija ta, ko pravi tva, registra REST root. REST root prijema 3 parametra, prvi vajte, tuk tresvom izborej, moži, da ima poveče, prvi vajte namespace, ko je ti preporčim, ako pravite da rem plugin, da go pravite jedini srešt. Vtori je linka, to je poslednata časa. To je sami in point. Tretje je parametr. Dali še bo je get ili post zajavka in ako, kogato go odajem tva, ko je točno callback, da izvikajme, kaj je funkcija, da izvikajme, zda znajem, kvo je točno, da napravim s te dani. Poneži smo je gotini in ne iskajme, da poftarajme kot. Preprorčajme REST namespace, da si go držite v konstanta, ili nekare karedo, da možda go dostavvate od enom mjasto, kogato go promenite na tvoj enom mjasto, to da se promene na sekade. Tukaj imam je primjano dve poleta, na jedine ob našite plugini ima 10 ili 15 in pointa, tva povjerenje na sekade, ne je ok, da go prejme. A ta vžde, kodem v momentu, kregistirajme se pa keden na namespace, kodet optimiziraj kartinkite, vikajme v momentu v get, še oto nije ništo, ne bom prašte, mi ne bom okazal, od tudi klienta tkaza, optimizacija na kartinkite, to vsočo spiječ pikot, nevala, da vi obesnem, obzvede to metodate geta, ako je post, možda izpratim nejakakvi danni, kvo je dobaril v količkata, tka natatka, in nešto novo važno, ko je to, vi preproričam, da obrnite vnimanje, je to ta premišen kao bek. Ako niske te, da vi pišat v sekuri, kako ta meni se sluči, pozvede tega tva nešto. Kvo pravi tva nešto? Tva nešto proverjava, da li daden je potrebitel, imate edin editor, ko je so što ima dostab do sajtavi, ima dostab do plugena, obač to editor, što pa k toj treba, da možda optimizara kartink, tva je rauta na administratu, što administratu je čovekat, ko je to drži sajta, ali ko je to pretižaja sajta objiknovenno. Tuk moh, da si dobavajte proverki, da li daden je potrebitel, možda izvrši v predelenu dejstvje. Vsičko, ho, ho, sa zdali smo si end pointa, imam si reakta applicationa, sa zdali smo si goji nego, pa če njepo nekaj v način, travo da je kažem na reakta applicationa, tvoja end point, kak to je tukate, je to tva od dolu, travo da je še tva, ko iskaš, da optimizirajš kartinkite, ali travo da je še tvoj, ko iskaš, da sprešu optimizacijste na kartinkite, travo nekaj v način, posvrzva, skript, ko je to izvikaj, kak to je tukaj danes v primer s naši epogen, ne znam, da je se vždy več dobro. Ko vam poskajme na nego, edin masiv, ko je to ima rest base, ko je to goviš, da te tukaj, i vikaj v vplokala je skript, poskajme mohendala, ko je to edini sršt, kogat smo je registrali skripta i travo tukaj da je edini sršt, tukaj mu kazame, a tva še te optimizar data, tva taka še govek sresneš, taka še kaj taz je promenljiva in tukaj ta je datata, tva, ko je sem je definirali tukaj. A je tukaj možda se ne videli definirati vsečko, kot v setite. Obstozetu, najvažno to za naši reakte pa je, da mu kažem, kafe rest base. Amit, da se napravimo reakt preloženje, kaj smo ode započnem, sdajame si edin klas app, to tvoj je raboteško kot, ko je to izkame, da rendira našte world prespostve na ena stranička. V srečko vidite, ne sem go styliziral. Vopravim, sdajame si edin render metod, ko je to render metod realno rendira html, posa na stranička. V nego svarjamo edin header, edin paragraf in do tog dobre. Realno edin konstruktor, kateri še go napravimo sa state, tva, da state data, realno se tam še pazim postavite na, kuj to še ne vrne rest API. Vopravim, ko ja to je komponence rendira, tvoj imajte tvoj oralo, odari tvoj oralo, izimi postavite na stranička, to je stresponsa, ko je tvoj JSON, izimi tvoj JSON in posi go služi v data, tako je v state. To si zima, odresi ena pointa, zima si postavite, gislaga v najkošnjica, ko ja to kahme. Tukaj v slučaj, v state na komponent, da ne vi go uslužnem, takas je go predstavite. Vopravim tukaj, proverjamo, da li ne prazno, da li slučajno pa k naše world na postave, a ko ima postave, mi najmojnega prezidentica ima rendirajni link i tajtova na stranička. Da si dobajamo idim boton, ko je to optimiziraj kartinkev, točno, o ne primer, ko je to videl, pak je dolgo rejdentično, on klik eventa v džela skripce, vseštje, vokazame, kogat si klikne, to je boton, izvikaj, to je metod, optimiziraj kartinkite. Voprav je to je metod, to je metod rejeno urala, kaj te vždyte, window, optimiziraj data, restbase, on vaj, ko je je dogo izvikaj, na vplokala in skript, sem sigurno, da li sljedaš, tja, svoje te tukaj, da je to. Kojama je optimiziraj data, restbase. Optimiziraj data, restbase, to je tukaj, skazame, več smo svrzali reakt preloženje tudi s, kazali smo, ko je točno uralo, da pozvaj, kaj je točno, da odarez, da optimiziraj kartinkite in to je goprade, po tozi način. I kak izglede za stanice tudi? Našte word prez postve, rendirajte se 5 posta in oddole tozi boton, optimiziraj imegis. Ako tva bi je kresalo in ta nešta te bi se strojati poznati, a sprejte se prenašta vodka v side ground se trsim hora, takaj, če možete pogovorim, sled tolka, vsez, čak vam znašte vprose. Vseč, ko javno je jasno. Zdrasti. V araboti li? Ne. Vzdravili. I tu čekal sljunego? Vzdravili se tako, da rekti, kako rogu? Mi trudnosti sem sreštal, kato celo sami reakt, ne, nešto, kako je to izpoznanje. Sreno drugi različni nešta. Saga, reduks in da imaš dostat trudnosti, no, liš na, smetam, če, ako kak to kaza, kako dostatešno dobri razberame HTML, CSS, JavaScript, ostala oto je, da si otvorim Google, da potresem kakva, da naprajem nešto, da zem neka v primer, da si go složim v naši editor, in v obstodetu, ne smetam, če ima informacije, ko ja to ne može, da bude odkryta v internet, s tvoj človek, da ima želanja. V takovorjeh li te? Da je vaprosi ima, ne? I boh gdarevi, ako imate vaprosi, ili iskate, da si pogvorim za nešto, sem budka na siteground, zapevedajte.