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

Najava

Kako promijeniti tehnologiju ili programski jezik u kojem radite, a da ne izgubite status i ‘perkove’ seniora?

Kako uloviti studente i juniore, to je većina domaćih developerskih agencija i IT tvrtki već apsolvirala te pokazala što znaju i koliko ‘mercha’ mogu osmisliti na nedavnom Job Fairu na FER-u. Ono što je i dalje gotovo nemoguća misija je uloviti dobre seniore.

Kultura 2.0

Dok se mi “zabavljamo” GDPR-om, EU uvodi “porez na linkove” i filtriranje naših sadržaja

20. i 21. lipnja ključni su datumi u donošenju nove direktive o zaštiti autorskih prava EU, koja sa sobom nosi nekoliko spornih stvari - takozvani porez na linkove, gdje bi se mogle plaćati naknade za dijeljenje poveznica na sadržaj, te cenzuriranje interneta uz pomoć filtriranja sadržaja koji korisnici učitavaju.

Analiza

Što dolazak Ericssona u Osijek znači za lokalnu IT scenu?

Ericsson Nikola Tesla uskoro će biti novi članovi osječke IT scene, a njihov dolazak u Slavoniju popraćen je velikim fanfarama sa strane lokalne i državne vlasti. Ipak, hoće li Ericsson "grickati" već etablirane osječke tvrtke i uzimati im zaposlenike i radi li se o nelojalnoj konkurenciji, ili samo o normalnom događaju na tržištu?

Što ste propustili...

Startupi i poslovanje

Hrvatsko-britanski startup za nekretnine zaključio investiciju od 120 tisuća funti

Tržište nekretnina često je viđeno kao posljednja granica koju treba probiti, a upravo prop-tech nastoji doprinijeti toj disrupciji. No budući da su postojeća rješenja uglavnom usko fokusirana, sveobuhvatniji pristup stiže od hrvatsko-britanskog startupa Homible, u kojeg su South Central Ventures i poslovni anđeli uložili 120 tisuća funti.

Tehnologija

Porsche investirao u Rimac Automobile; Mate nam otkriva detalje

Porsche AG od danas je strateški partner Rimac Automobila, a skupa će razvijati tehnologiju koja će biti dijelom električnih automobila budućnosti. Porsche tako postaje vlasnikom udjela od 10% u Rimcu, a domaći proizvođač automobila danas je vrijedan više od milijardu kuna.

Tehnologija

Digitalni dizajn u Hrvatskoj: Sudjelujte u velikom istraživanju o stanju struke!

...a onda pravac na 19. Ux Meetup Zagreb, gdje će se govoriti o umjetnoj inteligenciji i ulozi dizajna.

Mobilno

Moj Vip: Nakon svih korisničkih testiranja, sprinteva i radionica, kako je ispala nova verzija aplikacije?

Vipnet je u svoju novu aplikaciju uložio popriličan trud. Radionice, design sprintevi, korisnička testiranja. Krajnji rezultat? Pa… aplikacija koja je funkcionalna i ne ide mi na živce.

Kultura 2.0

Locastic slavi godinu dana Tinel Meetupa uz predavanje Ryana Townsenda

Locastic je u godinu dana kroz Tinel Meetup splitskoj publici predstavio renomirane govornike iz gotovo svih sfera digitalnog poslovanja, a kruna svega je proslava prvog rođendana Tinela koja će se održati ove srijede u Locasticu, uz predavanje Ryana Townsenda.

Tehnologija

Za sve one koji ne vjeruju, evo kako video igre mogu mijenjati živote

Pokretanje humanitarne organizacije i danas je ogroman rizik, a za Special Effect bio je to iznimno neizvjestan korak s obzirom na stigmu koju svijet video igara nosi - "ma igrice su samo gubitak vremena". Ako ste i vi još skeptici, evo vam jednog idealnog primjera kako gaming djeluje u službi terapije i inkluzije, a da postoji i potpora zajednice svemu tomu, svjedoči i nedavno skupljenih 500 tisuća funti donacija.