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

Je li ovaj developer otkrio golu istinu o Bellabeatu (ili tek boljke mnogih startupa)?

iOS developer Božidar Ševo, nekadašnji zaposlenik Bellabeata, sinoć je objavio video o tom razvikanom domaćem startupu gdje u gotovo 40 minuta prepričava razne propuste koje je ta tvrtka napravila dok je u njoj radio, što izaziva popriličnu pažnju na društvenim mrežama. No, nakon odgledanog videa, ne mogu se ne zapitati - jesu li ti propusti relativno uobičajene boljke brzorastućih startupa ili ukazuju na nešto ozbiljnije?

Tehnologija

Uz blockchain iz Hrvatske možete biti suvlasnik solarne elektrane na drugom kraju svijeta

Zamislite da energiju iz vlastite solarne elektrane direktno prodajete potrošačima bez sklapanja ugovora s otkupljivačem putem online platforme. A što kažete na ideju da, umjesto na vlastiti krov, svoju solarnu elektranu postavite na školu ili bolnicu na drugom dijelu svijeta, iznajmite je i zarađujete? A jeste li svjesni da postoji prava digitalna valuta koju je osmišljena isključivo da bi vas se nagradilo samo zato što uopće proizvodite energiju? To su samo neke ideje koje stvaraju neraskidiv spoj između korištenja energije Sunca i tehnologiju blockchaina koji otvara prilike koje je teško zamisliti.

Zabava i zanimljivosti

Digitalne usluge zbog kojih ćete prestati “škrtariti” i početi plaćati pretplatu

Čim čujem za neku novu zanimljivu online uslugu ili program, otvorim Google i u tražilicu upišem naziv servisa, tip usluge ili alata te mu dodam nezaobilazan sufiks "free". Da, kao i većina drugih korisnika interneta, strašno sam razmažena po pitanju (ne)plaćanja za digitalne proizvode, ponajprije radi brojnih besplatnih i kvalitetnih alternativa. Unatoč tome, u prošlosti sam plaćala, trenutno plaćam i razmišljam o skorom plaćanju pretplate na ove digitalne servise.

Što ste propustili...

Društvene mreže

Twitteraška godina iza nas: Objave i profili koji su obilježili 2017.

Na kraju godine svi rezimiramo protekla iskustva, osvrćemo se na neke dobre i loše trenutke, a danas se svega lakše prisjetiti uz društvene mreže. U suradnji s Httpoolom donosimo vam objave i profile koji su obilježili 2017. godinu na Twitteru.

Startupi i poslovanje

Shoutem se gasi: Apple novim pravilima “pokosio” platforme za izgradnju tipskih aplikacija

Zahvaljujući Appleovoj novoj regulativi Shoutem i mnogi slični servisi uskoro zatvaraju svoja vrata, a više o tome, ali i planovima za budućnost ispričao nam je njegov CEO, Viktor Marohnić.

Tehnologija

Osijek Software City priprema vas za revoluciju kriptovaluta i blockchaina

Blockchain i druge aktualne tehnologije u svijetu kriptovaluta podižu veliku prašinu, a kako biste bili u tijeku sa svime što se trenutno događa, posjetite predavanje o revoluciji kriptovaluta u organizaciji Osijek Software Cityja.

Kultura 2.0

Digitalna Karijera u Zagrebu: Završnica koja ne znači kraj usavršavanju

Digitalna karijera powered by bonbon zaključila je svoju turneju u Zagrebu na Ekonomskom fakultetu, s preko 150 studenata koji su do samog kraja ostali učiti iz vrijednih iskustva stručnjaka iz bonbona, Nanobita, Seedcampa i Bruketa&Žinić&Greya.

Mobilno

Otputovali nekamo za blagdane ili ne, imamo aplikacije za sve!

Jeste li već odlučili kamo ćete za blagdane? Nekamo put ili provjeriti što od adventskog programa ima i kod nas? Bez brige, u svim slučajevima imamo prijedloge zanimljivih aplikacija, a sutra, u 15:10, na HTV 1 dobit ćete sve detalje o njima!

Intervju

Andreja, Maja i Mirela osmislile TaleTalk, interaktivnu slikovnicu za djecu koja spaja AR i AI

Krajem listopada Mirela Ćosić, Maja Subotić Šušak i Andreja Smetko kao tim Tartle odnijele su pobjedu na 2. hackathonu Hrvatskog telekoma, Hack it. Ideja o interaktivnoj AR aplikaciji pod imenom TaleTalk, koja bi služila kao slikovnica za djecu, oduševila je i žiri i publiku - a radi se na tome da oduševi i prve korisnike.