React-kurs med Bouvet

React har etter hvert blitt en av de mest utbredte rammeverkene for front-end programmering på internett. Bli med å lær grunnleggende konsepter og hvordan man kommer i gang med rammeverket på en live-code workshop! Sammen setter vi opp et utviklingsmiljø og bygger en liten React-applikasjon samtidig som vi utforsker de grunnleggende elementene rammeverket består av.

Anbefalt programvare som bør være installert før kursstart:

• NodeJs >= v10 (https://nodejs.org/en/): Velg gjerne LTS versjonen, men begge bør fungere. Etter installasjon sjekk at node fungerer ved å åpne en terminal og skrive «node -v» og «npm -v». Begge kommandoene skal returnere versjonsnummer på henholdsvis node og npm. Dersom du ikke får opp versjonene logg av og på (eller restart) maskinen og test igjen.

• Visual Studio Code (https://code.visualstudio.com/) Det er fritt fram å bruke et annet IDE, men kurset kommer til å benytte VSCode.
• Git (https://git-scm.com/) Etter installasjon sjekk at git fungerer ved å åpne en terminal og skrive «git version». Versjonsnummer skal da vises. Dersom du ikke får opp versjonen logg av og på (eller restart) maskinen og test igjen.

• Vi skal sette opp create-react-app sammen, men om du ønsker å tyvstarte kan du begynne her: https://create-react-app.dev/docs/getting-started

Agenda:

• Introduksjon til create-react-app (node, VSCode)

• React komponenter og komponenttreet

• Utviklerverktøy i nettleseren

• State

• Props

• useEffect hook