Who's here?
Chris Hovde
Victoria Wille Waage
Soma Das
Majid Hajian
Agnes Koi Alexandersen
Håkon Antonsen
Agenda
Company presentation
React basics
Component libraries
Making stuff happen
Fetching data
https://github.com/TeliaSoneraNorge/ntnu-react-workshop
React
Components
Props
JSX
# Components ```JSX function Component() { return( <h1>Hello World</h1> ) } ```
# Props ```JSX function Component(props) { return( <h1>{props.title}</h1> ) } ``` ```JSX <Component title="Hello World" /> ```
# Props ```JSX function Component({ title }) { return( <h1>{title}</h1> ) } ``` ```JSX <Component title="Hello World" /> ```
# Props ```JSX const Component = ({ title }) => <h1>{title}</h1> ``` ```JSX <Component title="Hello World" /> ```
React
Component Library
Interaction
Fetching data
