Personal Intro and Context

• @startuplandia
• http://www.startuplandia.io/
• http://antipattern.io
• Funny story about getting accepted into dev bootcamp
• Fun fact about the hartl tutorial
• The Zee Spencer effect
• Long Term pacing and brand momentum
• I'm a beginner too, we will be learning together, please don't 'flame spray' me.
• Blindly replicating anything I do is like riding the wrong way down Howard street.
• #hashtags duh!
• What do I give to do this?
• What would I like to get from it? (@startuplandia follows, #reactjs retweets, intros to startups, cocktail parties)
• 5 engagements, 1 primary tutoree
• Peaky Blinders, Hell on Wheels, Marco, Jessica Jones (also a client's name)

http://toeatapp.startuplandia.io/

Context

• Ya'll know how ActiveRecord and relational data structures works?
• declarative (toeatapp) vs imperative (antipattern.io) - bin/rake routes
• Walk through the :key structure in the web app
• 1 way reactive data flow
• flux is fancy word to describe PubSub https://github.com/AntiPatternIO/antipattern/blob/master/app/assets/javascripts/pub_sub.js
• @state, this.props and Component.render(<div><OtherStuffs></OtherStuffs></div>)

Dig Through

• http://www.startuplandia.io/posts/rails-react-relay-graphql-tutorial-application-setup/
• http://www.startuplandia.io/posts/rails-react-relay-graphql-tutorial-queries/
• http://www.startuplandia.io/posts/rails-react-relay-graphql-tutorial-mutations/

Let's Build

• crowd drives I code (and assist)

• don't forget, take notes on the things that are hard to explain live or that people generally have a hard time understanding.