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

Startupi i poslovanje

Kako (i zašto) otvoriti paušalni obrt: Vodič kroz korake i obrasce

Krajem prošle godine odlučio sam krenuti u novom smjeru, a to je bilo pokretanje vlastitog posla. Ovako je tekao proces od otvaranja obrta do dobivanja potpore za samozapošljavanje.

Internet marketing

Ma kakav ‘native’: Hrvatski oglašivači u 2018. će i dalje pokušavati uništiti vaše digitalno iskustvo

Nativno oglašavanje u Hrvatskoj i regiji i dalje nije ni približno popularno poput omraženih ‘bannera’, a previše oglašivača i medija smatra da vam mogu plasirati “promo tekstove”. Otkrivamo što zapravo u domaćoj oglašivačkoj industriji sprječava razvoj digitalnih formata koje ne blokiraju ni platforme, ni zdrav razum kupaca.

Startupi i poslovanje

Može li Split (ili Zadar, Šibenik, Dubrovnik, Rijeka…) postati “Silicijska dolina Mediterana”?

Stvaranje formalne udruge splitske tehnološke zajednice logičan je nastavak uspjeha splitskih tehnoloških tvrtki poput Seekandhita, Code Anywhere, HR Clouda, Profico i Locastica te događaja poput Shift Splita, ali što mogu stvoriti?

Što ste propustili...

Kultura 2.0

Savjeti danskog ‘meeting designera’: Kako na događajima možemo potaknuti sudjelovanje?

RSVP festival posebno je obilježio strani predavač, danac Bo Krüger. Stručnjak za organizaciju evenata, autor, govornik i osnivač konzultantske tvrtke koji je povrh svega zadržao onaj danski način o kojem toliko u zadnje vrijeme slušamo. Njegovo predavanje je bilo i pravi dokaz tome, jer dok smo učili o izazovima i rješenjima o organizaciji događaja u budućnosti, i sami smo postali dio primjera.

Kultura 2.0

ATTEND nagrade: Proglašeni najbolji regionalni događaji 2017. godine

Event industrija u regiji još jednom može biti zahvalna na izvrsnom programu RSVP festivala koji je objedinio relevantne teme iz marketinga, prodaje i novih tehnologija. Nakon dva dana predavanja i panela, na dodjeli nagrada ATTEND, proglašeni su najbolji eventovi iz regije za 2017. godinu.

Tehnologija

Početak serije predavanja: Prvi React Meetup za developere u Zagrebu

Jedan od najpopularnijih JavaScript libraryja u zadnje vrijeme zaslužuje pozornost i kod nas. Danas u Zagrebu kreće serija prvih React Meetupa u organizaciji GIS Clouda.

Najava

Prvi #DigitalniNomadi meetup u Zagrebu: Kako raditi bez ureda i radnog vremena

Jeste li razmišljali kako bi danas, dok pada snijeg, bilo lijepo ostati i raditi od kuće - ili možda iz nekih toplijih krajeva? Na prvom #DigitalniNomadi meetupu u utorak , 27. veljače u Zagrebu otkrit ćemo stvarnost rada “na daljinu” u suradnji s Vipnetom.

Intervju

CS:GO komentator ‘Pougljeni Mrav’: Komentiranje košarke i CS:GO mečeva tehnički je jako slično

Renato Barukčić poznatiji kao Pougljeni Mrav predstavlja novu generaciju sportskog komentatora - onog koji prenosi esport. Aktivno komentira još od 2015., a ljubav prema CS:GO dovela ga je i do live prijenosa offline finala Vip Adria Lige prošle godine.

Tehnologija

NeuraBot – Anatomija jednog support chatbota

Mogućnosti chatbot-ova rastu iz dana u dan. Njihova popularnosti povezana je s eksplozijom društvenih mreža i aplikacija za komunikaciju (kao što su Messenger, Telegram, Viber ili Slack). Namjena im je prerasla bazičnu komunikacijsku formu te se koriste u profesionalnoj korisničkoj podršci, edukaciji najmlađih pa sve do asistencije u brzoj kupnji.