Ako do sada niste čuli za React, vrijeme je da saznate osnovne stvari o njemu i zašto se danas toliko koristi. React JS je JavaScript biblioteka stvorena za razvoj frontend aplikacija. Radi se o relativno novom kodu koji je razvijen 2011. godine od strane inžinjera iz Facebook-a, a usmjeren je na stvaranje korisničkog interfejsa (UI) koristeći koncept temeljen na komponentama.
Bitno je naglasiti da React nije okvir (framework), nego je specifično biblioteka. Objašnjenje za to jeste da se React bavi samo rendiranjem korisničkog interfejsa i ostavlja mnoge stvari na volju pojedinih projekata. O rendiranju ćemo govoriti više u drugim blogovima.
Benefiti korištenja React-a
U najznačajnije benefite korištenja React-a spadaju njegova brzina, jednostavno korištenje i upotreba komponenti, a ispod ćemo sada ove prednosti ukratko i objasniti.
1. Brzina
React omogućuje programerima da koriste pojedinačne dijelove svoje aplikacije i na strani klijenta i na strani poslužitelja, a sve promjene koje naprave neće uticati na logiku aplikacije. To čini razvojni proces iznimno brzim.
2. Upotreba komponenti
HTML i JS kodovi olakšava rad s ogromnim skupom podataka koji sadrži DOM. React djeluje kao posrednik koji predstavlja DOM i pomaže nam da odlučimo koja komponenta zahtijeva promjene.
3. Jednostavan za korištenje i učenje
React JS je jednostavan za korištenje i čini UI interaktivnim. Također nam omogućuje brzu i učinkovitu izradu aplikacija, pri čemu štedimo vrijeme klijentima i programerima.
Šta je JSX?
Zamislite ovakvu sintaksu,
const element =
;
ovako napisan kod nam ne liči na obični string niti na HTML.
Ovdje je riječ o JSX-u, što predstavlja sintaksno proširenje JavaScript-a. React nam prikazuje činjenicu da je renderiranje povezano i sa drugom UI logikom poput toga kako se događaju hendluju, kako se podaci pripremaju za prikaz, te kako se i mijenjaju. Iz tog razloga dolazi korištenje JSX-a umjesto razdvajanja tehnologija stavljanjem markup-a i logike u različite foldere, React nudi način povezivanja jedinica kroz komponente. Korištenje JSX-a nije nužno, ali značajno vam može olakšati rad.
Za kraj možemo govoriti više o komponentama
React komponente čine naš kod ponovno upotrebljivim i razdvajaju naš korisnički interfejs na različite dijelove.
Dijelimo ih na dvije vrste: komponente klasa (Class components) i funkcijske komponente (Function components).
Sve React komponente slijede princip dizajna razdvajanja problema, što znači da bismo trebali razdvojiti našu aplikaciju na različite dijelove kako bismo se bavili odvojenim problemima.
Dakle, već sada uviđamo prednost korištenja React-a, te kako je React snažan alat za izradu interaktivnih korisničkih interfejsa. U narednim blogovima ćemo govoriti o različitim stilovima uvođenja CSS-a u JS fajlove, te ćemo uroniti u detaljnije i specifičnije karakteristike React-a.