React Workshop

Starter project for React Workshop.

Dev Setup

To start the server run npm start.

Agenda

• Ali vidite vsi font?
• [https://floobits.com/urbancvek/react-workshop](Vidna vsa koda live)

ES@next

• Exampli na slide-ih
• HMR - Hot Module Reloading
• Webpack https://github.com/webpack/webpack
• Babel [https://babeljs.io/repl/#?babili=false&evaluate=true&lineWrap=false&presets=es2015%2Creact%2Cstage-2&targets=&browsers=&builtIns=false&code=](Try it Out!)
• Flow https://flowtype.org

JSX

• Exampli na slide-ih
• Velike začetnice komponent
• Funkciji se reče react komponenta in vrne react element
• {} med HTML-jem je JS

Hello world (Props, Children)

• Children so special propsi

Click counter, Stop watch, Form (State)

• Component API
• PropTypes, Flow

Pokemon API

• axios https://github.com/mzabriskie/axios
• async, await pattern

React Router