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.

Sukladno članku 94. Zakona o elektroničkim medijima, komentiranje članaka na Netokraciji dopušteno je samo korisnicima koji ostave svoje ime i prezime te mail adresu i prihvate pravila ponašanja.

Pravila ponašanja

Na Netokraciji za vas stvaramo kvalitetan, autorski potpisan sadržaj i zaista se veselimo vašim kvalitetnim, kontruktivnim komentarima. Poštujmo stoga jedni druge prilikom komentiranja, kao i Zakon, držeći se sljedećih pravila ponašanja:

  • Ne budite 💩: Nema vrijeđanja, diskriminiranja, ni psovanja (osim ako nije osobni izričaj, ali onda neka psovka bude općenita, a ne usmjerena prema nekome). Također, upoznajte se sa stavkom 2. članka 94. Zakona o elektroničkim medijima prije no što ostavite komentar.
  • Samo kvalitetna rasprava, manje trolanja: Ne morate se ni sa kim slagati, ali budite konstruktivni i doprinesite raspravi! Svako trolanje, flameanje, koliko god "plesalo" na granici, leti van.
  • Imenom i prezimenom, nismo Anonymous 👤: Autor sadržaja stoji iza svog sadržaja, stoga stojite i vi iza svog komentara. Koristimo ime i prezime te pravu email adresu.

Kako koristimo podatke koje ostavljate? Bacite oko na našu izjavu o privatnosti.

Sve ostale komentare ćemo s guštom spaliti, jer ne zaslužuju svoje mjesto na internetu.

Odgovori

Tvoja e-mail adresa neće biti objavljena.

Popularno

Startupi i poslovanje

Startup 101 program BIRD inkubatora obvezna je početnica za sve koji žele ideju pretvoriti u djelo

U organizaciji BIRD inkubatora uskoro kreće edukacijski program Startup 101 koji je osmišljen kako bi prenio osnove svima koji razmišljaju o pokretanju startupa, a nisu sigurni što bi to sve od njih zahtijevalo.

Intervju

Kako je nastao prvi kolektivni ugovor u gaming industriji u Hrvatskoj?

Potpisivanjem prvog kolektivnog ugovora hrvatske gaming industrije, Gamechuck tim je ostvario mirniji san, a prema nekima i "vrli novi svijet".

Tehnologija

Što o praksi agencije FIVE ima reći njezin mentor, a što student?

Zašto se studenti odluče svoje ljeto provesti baš na Boot Campu agencije FIVE, kako se pripremiti za njihovu praksu, što na njoj možete naučiti… saznali smo u razgovoru s developerom i mentorom Ivanom Vargom i bivšim polaznikom Boot Campa odnosno trenutnim zaposlenikom agencije - Branimirom Balogovićem.

Što ste propustili

Tehnologija

Što o praksi agencije FIVE ima reći njezin mentor, a što student?

Zašto se studenti odluče svoje ljeto provesti baš na Boot Campu agencije FIVE, kako se pripremiti za njihovu praksu, što na njoj možete naučiti… saznali smo u razgovoru s developerom i mentorom Ivanom Vargom i bivšim polaznikom Boot Campa odnosno trenutnim zaposlenikom agencije - Branimirom Balogovićem.

Startupi i poslovanje

Nova sezona Grunteka: Prodali su 250 vrtova za obradu “na udaljeno”, planiraju i širenje preko granice

"Isusek, Isusek, kaj mi bu ve Regica rekla!", poznata je izjava Dudeka iz klasika poznatog kao Gruntovčani, a Regica bi definitivno bila iznenađena što više ne bi morala obrađivati svoj grunt, već bi ga prepustila aplikaciji koja je spojila poljoprivredu i IT.

Startupi i poslovanje

CONET Grupa: U Hrvatskoj ne tražimo radnu snagu, nego ravnopravne partnere

Hrvatska podružnica njemačke IT grupacije u 15 mjeseci od osnivanja narasla je na 55 zaposlenika. Tajna uspjeha je u prepoznavanju potencijala svakog od njih, izgradnji dugoročnih odnosa, inovaciji i visokoj razini odgovornosti.

Vodič

Digitalni HR alati: Rastuće globalno tržište osvajaju i hrvatski Jenz, Mealpass, Moontop, Improv3, Appraisly…

Digitalni alati olakšavaju posao HR-ovcima koji u suvremenim organizacijama zaposlenike trebaju privući, izmjeriti i održavati njihovo zadovoljstvo, pohvaliti i usmjeriti te nagraditi.

Startupi i poslovanje

Reorganizirali su ured po aktivnostima zaposlenika i uštedjeli stotine tisuće eura

Novi načini rada utjecali su na to kako koristimo postojeće uredske prostore, a sad je vrijeme da mi utječemo na prostor kako bismo ga prilagodili našim novim navikama i aktivnostima. Vođena tom idejom, IT tvrtka Amplexor iskoristila je priliku napraviti reorganizaciju ureda. Donosimo detaljan uvid kako su ga "iskrojili" po aktivnostima svih timova.

Startupi i poslovanje

“Bez open-sourcea digitalno društvo ne bi moglo funkcionirati, startupi nastajati, developeri razvijati…”

Ususret konferenciji "Dani otvorenih računarskih sustava" razgovaramo s organizatorima, ali i predavačima - dvojicom stručnjaka iz Italije i Nizozemske. Uz njih saznajemo više o tome koliko je otvoreni kod utkan u strukturu današnjih IT rješenja, kako je pomagao nekada te kako pomaže danas mnogim tvrtkama, institucijama i pojedincima.