React Hackathon

Varya Stepanova, SC5 Online

React Hackathon

Brought to you by Varya Stepanova and generated with Jekyller

Material

varya.me/reactjs-hackathon

Agenda

  1. About the event
  2. Choosing the projects
  3. Introduction to React
  4. Stub projects
  5. Linking UI libraries
  6. React Native
  7. Relay&QraphQL
  8. Coding

Next big app

App to write

  • Instagram-like
  • Twitter dashboard
  • Shopping list
  • Bars on map

React

Introduction to React

What is so great about React?

Buzz words

  • ES2015 (ES6)
  • React
  • webpack
  • Flux / Redux
  • Relay & GraphQL

Starter projects

###Search

andrewhfarmer.com/starter-project

Plain JavaScript

https://facebook.github.io/react/downloads.html

<script src="https://fb.me/react-0.14.7.js"
    integrity="sha384-xQae1pUPdAKUe0u0KUTNt09zzdwheX4VSUsV8vatqM+t6X7rta01qOzessL808ox"
    crossorigin="anonymous"></script>
<script src="https://fb.me/react-dom-0.14.7.js"
    integrity="sha384-A1t0GCrR06cTHvMjaxeSE8XOiz6j7NvWdmxhN/9z748wEvJTVk13Rr8gMzTUnd8G"
    crossorigin="anonymous"></script>

ES5 + builder

ES2015 + builder

React UI components

Dummy JSONs

Dummy JSONs:

React Native

Relay and GraphQL

Coding time

THANK YOU!

###varya.me/reactjs-hackathon