qrohlf

adf

qrohlf

React

• good explanation of design decisions behind react in the context of other JS frameworks: https://docs.google.com/presentation/d/1afMLTCpRxhJpurQ97VBHCZkLbR1TEsRnd3yyxuSQ5YY/edit#slide=id.p
• Facebook's original "documentation" for how to write stuff in React: https://facebook.github.io/react/docs/thinking-in-react.html

Redux

• based on Flux
• do not read the official Flux docs, they suck
• Read this: https://code-cartoons.com/a-cartoon-guide-to-flux-6157355ab207#.f58fuou14 and this: https://code-cartoons.com/a-cartoon-intro-to-redux-3afb775501a6#.yhdcx4ng5
• Redux author's original conference talk is good but long: https://www.youtube.com/watch?v=xsSnOQynTHs
• This is a great resource for more advanced topics: https://egghead.io/courses/building-react-applications-with-idiomatic-redux

qrohlf

// Make fetch evil - useful for testing retry logic
// MAKE FETCH EVIL - THIS SHOULD NOT BE IN THE FINAL COMMIT
const _fetch = window.fetch
const evilFetch = function () {
  const r = Math.random()

  if (r < 0.5) {
    return _fetch.apply(null, arguments)
  } else if (r < 0.75) {
    console.warn('mocking fetch with TypeError')

qrohlf

We couldn’t find that file to show.

qrohlf

class GlyphiconGrid extends React.Component {
  constructor(props) {
    super(props);
    this.state = {filter: ''};
    this.glyphicons = ["asterisk", "plus", "euro", "eur", "minus", "cloud", "envelope", "pencil", "glass",
                       "music", "search", "heart", "star", "star-empty", "user", "film", "th-large", "th", "th-list", "ok",
                       "remove", "zoom-in", "zoom-out", "off", "signal", "cog", "trash", "home", "file", "time", "road",
                       "download-alt", "download", "upload", "inbox", "play-circle", "repeat", "refresh", "list-alt", "lock",
                       "flag", "headphones", "volume-off", "volume-down", "volume-up", "qrcode", "barcode", "tag", "tags",
                       "book", "bookmark", "print", "camera", "font", "bold", "italic", "text-height", "text-width",

qrohlf

Humorous Take on Why X Sucks

• http://tim-smith.us/arrgh/index.html
• https://www.destroyallsoftware.com/talks/wat
• https://www.usenix.org/system/files/1403_02-08_mickens.pdf
• http://stackoverflow.com/questions/1732348/regex-match-open-tags-except-xhtml-self-contained-tags
• https://philsturgeon.uk/php/2013/09/09/t-paamayim-nekudotayim-v-sanity/

Stupid Comics & Memes

qrohlf

ruby "2.1.4"
source 'https://rubygems.org'
gem 'sinatra', '>= 1.4.5'
gem 'imgur-api', require: 'imgur'
gem 'tux'

group :development do
  gem 'sqlite3', '>= 1.3.9'
  gem 'shotgun', '>= 0.9'
end

qrohlf

after_bundle do
  puts "it worked"
end

#as seen at http://edgeguides.rubyonrails.org/rails_application_templates.html#after-bundle-block

qrohlf

$ cd ~/Code/sensible-web-development/_chapters
$ find . -type f | xargs wc -w | tail -1l
   10901 total
# O.o

qrohlf

Normal Background

. <(curl -s https://raw.githubusercontent.com/qrohlf/dotfiles/master/functions/party.sh) && party

Dark Background

osascript -e "tell application \"Terminal\" to set background color of window 1 to {5000, 5000, 5000}"