Delavnica: Let's React!

Trajanje: od 12:00-16:00

Predava: Urban Cvek, Študent FRI, Shopster Indoor Solutions

React je popularna JavaScript knjižnica za grajenje spletnih uporabniških vmesnikov. Leta 2011 ga je ustvaril Facebook za svoje potrebe, ter ga leta 2013 objavil kot odprto kodni projekt. V delovanju ga verjetno vsak dan vidite na Facebooku, Instagramu, Netflixu in mnogih drugih spletnih apikacijah, sedaj pa boste lahko spoznali, kako ga uporabiti tudi sami.

Predstavljen je kot “V” (view) v “MVC” modelu. Izkaže pa se, da je še veliko več. “M” in “C” pa tako ali tako ne potrebujemo, saj imamo za to JavaScript.

React se ne uporablja zgolj za grajenje spletnih aplikacij, temveč tudi iOS, Android, Windows in macOS aplikacij. Konec leta 2016 pa je izšla tudi beta verzija dodatka k Reactu za Virtual Reality.

V delavnici boste spoznali osnove Reacta ter način razmišljanja za grajenje aplikacij s komponentami.

Zahteve:

• osnovno znanje programiranja (JavaScript)
• prenosni računalnik
• naložen Node.js (npm -v, node -v vrneta rezultat)
• opcijsko: editor, ki lepo obarva kodo (JavaScript ES6)
  • Primer: Sublime Text (dodatek: “Babel”)

Agenda:

• na kratko o ES2015, ES2016, JSX
• hello world (React.Props, React.Children)
• data flow, komunikacija med komponentami (React.State)
• navigacija (React Router)
• CSS in JS (className, inline styles, aphrodite)
• primer gradnje aplikacije za Spotify