Kako je React postao jedan od najpopularnijih 'frameworkova'
WebCamp Zagreb

Kako je React postao jedan od najpopularnijih ‘frameworkova’

Naučiti raditi u novom 'frameworku' može biti izazovno, a kako bismo taj izazov svladali, nekad je potrebno dubinski istražiti kako 'framework' zapravo radi. To se najbolje može napraviti na način da ga rastavimo i raspišemo vlastite metode koje imitiraju funkcionalnosti frameworka, a ovaj smo vikend na WebCampu imali priliku vidjeti kako to izgleda s Reactom.

WebCamp Zagreb

React je danas jedan od najpopularnijih frameworkova, a developeri koji znaju raditi s njim sigurno će biti sve traženiji – vrijeme uloženo u njegovo učenje i proučavanje zasigurno će se isplatiti. 

Building a Poor Man’s React predavanje je koje je održano na kraju ovogodišnje konferencije WebCamp u Zagrebu i na kojem je Krešimir Antolić demistificirao React i pokazao kako funkcionira. Napravio je jednostavan library koji radi na sličan način kao i React i koji svatko može pogledati na GitHubu.

React se koristi kako bi se napravilo sučelje za korisnike na webu, no kada developeri prvi put vide skriptu napisanu u ovom frameworku, prvo pomisle da je to neka čudna mješavina XML-a i JavaScripta. Krešimir je iskreno rekao kako su te skripte “gadne”, ali da ujedno imaju smisla – React je postao nešto što mu se sviđa, a posebice je istaknuo jaku zajednicu koja se oko njega okuplja

Što je Krešimir napravio?

Gornja slika najbolje objašnjava React – developer ‘corniju’ daje podatke, a ‘output’ je čaroban.

Glavni princip rada u Reactu je da se developer brine o podatcima, a React će se pobrinuti za DOMKao prvi primjer, napravio je metodu kojem se može napraviti HTML element. Da bi to uspio, koristio je JavaScript metodu “document.createElement” te je postigao da se pozivanjem njegove metode može dodati klasa novom elementu i tekst koji se dodaje pomoću JavaScript metode “innerHTML”.

React traži da developeri koriste komponente koje rade odvojeno jedna od druge i često se unutar jedne komponente stvaraju potkomponente. Da bi to omogućio u njegovom libraryju, morao je omogućiti da se, osim elementa s tekstom, može stvoriti i element s podelementima. To je napravio tako da je naučio library da razlikuje kada treba koristiti “.innerHTML”, a kada treba dodati podelement, odnosno kada treba koristiti JavaScript metodu “.appendChild”. Sada se pomoću ovog libraryja mogu praviti komponente koje imaju potkomponente.

React radi tako da se sva logika aplikacije sprema u komponente, a da bi se to moglo postići pomoću njegovog libraryja, napravio je metodu s imenom “setState”. Kao drugi primjer, napravio je element s dva podelementa koji su slike cornija te je omogućio da se klikom na jednog od njih promijeni varijabla koja predstavlja stanje svake potkomponente.

Kada se promijeni stanje jedne komponente, potrebno ju je rerenderirati, ali to se nikako ne smije napraviti s cijelim DOM-om. Zato je predstavio virtualni DOM i virtualne elemente.

Prilikom promjene stanja, izgradit će novi virtualni DOM i usporediti ga sa starim i tako će library znati što treba izmijeniti. Isto tako radi i React i to je razlog za brzinu njegovu frameworka.

Dobar framework čine njegova promišljenost, ali i dobra zajednica

Popularnost, dobar community i promišljenost frameworka samo su neki od razloga zašto developeri sve više koriste React i zašto je njegovo poznavanje sve više i više traženo na tržištu rada, a taj trend sigurno neće u dogledno vrijeme prestati. Naučiti raditi s Reactom može koristiti svakom developeru, a zbog predavača poput Krešimira možemo naučiti i kako React radi.

Ako vas zanima React, zavirite u službenu dokumentaciju, a svakako pogledajte i Krešimirov GitHub.

Odgovori

Tvoja e-mail adresa neće biti objavljena.

Popularno

Društvene mreže

I porečki restoran i TikTok influencerica su u krivu

Iako je javnost brzo osudila influencericu Doris Stanković, s obje strane se pokazalo nepoznavanje profesionalne komunikacije, a i influencer marketinga.

Tehnologija

“Tata, jesi li baš morao kupiti električni auto?”

Napravio sam grešku: kupio sam električni automobil. Svi članci o električnim vozilima (EV) koje sam čitao na Hacker Newsu i Redditu nisu me pripremili za desetak EV infrastrukturnih problema u Hrvatskoj i okolici. Anegdote u nastavku objašnjavaju lekcije koje sam naučio na teži način.

Izrada web stranica

Da HTZ zna promovirati slavonski turizam u doba krize, ne bi pokrenuo Slavonia.travel

Slavonija je zanemarena već dugo, ali imamo što za ponuditi. Zašto onda reklamiramo samo kulen, rakiju i fiš?!

Što ste propustili

Startupi i poslovanje

Lekcije 10 godina tehnološke scene su jasne: B2B i profitabilnost prvo, a investicija tek kasnije!

Silicijska dolina je hrvatsku tehnološku scenu učila da bez investicija neće nigdje stići. Deset godina kasnije; Infobip, Nanobit, Infinum i mnogi drugi dokaz su da postoji drugačiji način.

Ecommerce

Što sam ja, a što su OPG-ovci naučili o online prodaji u 6 mjeseci Facebook grupe Virtualni plac

Facebook grupa Virtualni zagrebački plac danas broji 58.000 članova, a prije šest mjeseci nije postojala, kao ni digitalno prisustvo mnogih OPG-ovaca. Što se događalo u međuvremenu?

Kolumna

Microsoftova akvizicija ZeniMaxa samo je jedan korak u transformaciji Xboxa u “gaming Netflix”

Možda vam je Microsoft poznat po Windowsima, Officeu i cloud infrastrukturi, ali ovaj PC mastodont jučer je uložio u studio video igara 8 milijardi dolara! A ima itekako dobar razlog...

Tehnologija

Sezona je gotova. Može li ‘proptech’ pomoći s neiskorištenim apartmanima, ali i radnim prostorima?

Fizičko distanciranje stvorilo je krizu bez presedana za industriju nekretnina jer se po prvi put u modernom sjećanju potražnja za mnogim prostorima smanjila. Proptech industrija pokušava riješiti taj problem.

Startupi i poslovanje

Marko Štajcer: Kad već imamo ogromne količine podataka, idemo ih iskoristiti!

U 2020. nikada nije bilo jasnije koliku vrijednost nosi tehnologija za normalno funkcioniranje društva, a koliko još bi nam značila kada bi sve podatke koje imamo upogonili da rade za nas. Zanimaju li vas otvoreni podaci i rješavanje velikih analitički problema na njima, Open Data Hackathon dobra je prilika za iskušati svoje vještine i povezati se s ključnim mentorima i investitorima.

Društvene mreže

Hrvatski influenceri ne čekaju rasplet situacije s TikTokom: Već su spremni za selidbu na Reels

Tijekom vikenda bilo je neizvjesno hoće li TikTok biti izbačen iz američkih trgovina aplikacijama ili ne, ali čini se da postoji svjetlo na kraju tunela. No, sve je to uzburkalo i domaće i globalne kreatore sadržaja, a Vlatko Tutić iz JoomBoosa, koji okuplja 13 TikTokera, otkriva kako su došli na ovu društvenu mrežu, a i kako će s nje otići na Reels ili negdje drugdje, ako bude potrebno.