Skip to content

Instantly share code, notes, and snippets.

@cezarneaga

cezarneaga/Workshop Handout.md

Last active November 23, 2017 19:22
Show Gist options
  • Save cezarneaga/f841d7fd6a547c1fb91be547414ff309 to your computer and use it in GitHub Desktop.
Save cezarneaga/f841d7fd6a547c1fb91be547414ff309 to your computer and use it in GitHub Desktop.
Download ZIP
a sum-up of recorded knowhow
Raw
Workshop Handout.md

Reason Workshop @ReactiveConf 2017

by: Sean Grove, Jared Forsyth, Daniel Woelfel
support team: Cristiano Calcagno, @reasonvienna - @ryyppy @svensauleau @cezarneaga and @nikgraf in spirit, @matystl, @MyNaartjie

Support and Questions: Join discord channel

Workshop Presentation

  • workshop flow and exercises

hello-reactive reason project

  • the repo we worked from in the workshop

Reason syntax

  • understand how to read it. (ps: old syntax)
  • enter its first great features: exhaustive pattern matching, unused variables and _, destructuring, binding to JS

BuckleScript Manual

  • type safety
  • tree shaking
  • fast compilation

Reason Try

  • great to test syntax and check how it compiles to JS

Writing our first components

  • start from last file in gist, work your way upwards
    1. stateless
    1. reducer component
    1. bring in external JS libraries (eg. Moment.js)
    1. effects: aka UpdateWithSideEffects

Mixing ReasonML into your React apps, Robbie McCorkell - React London September 2017

  • first workshop didn't get to this part
  • we would have seen how to mix in Reason into a JS app
    ps: Daniel got into Bratislava from SF at 8PM the night before, prepped all night with me, then flew out 3AM the night of.

Callback Handlers

  • how to reference component state or props from a callback.
  • going through the entire documentation is recommended

Participant contributions

add yours too. send a PR.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment