addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscontroller-playcrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgooglegroupshelp-with-circleimageimagesinstagramFill 1linklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1ShapeoutlookpersonJoin Group on CardStartprice-ribbonprintShapeShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahoo

React.js and functional Javascript (Dustin Getz & Daniel Miladinov)

Bring your laptops and thinking caps - it's time to learn about Facebook React! This will be a four hour Javascript workshop (6:30 - 10:30), co-hosted by Dustin Getz and Daniel Miladinov of Wingspan. Don't let the length dissuade you from attending. It's fine if you come for the first half then leave early.

Facebook React is making headlines in the Javascript world for the simplicity with which it lets one build complicated browser components. React is awesome because it brings the very basic essence of functional programming to the frontend.

In this workshop, we will livecode several demo apps, and the audience will code along on their laptops, starting with the very basics and quickly building up to advanced examples.

Most people recognize that React brings an innovative DOM management strategy: an immutable pseudo-DOM and reconciliation algorithm which enables functional programming friendly abstractions in browser UIs. It is less well understood that React also enables functional state management strategies, which, as Rich Hickey fans know, may be the most important concept in application development. All Javascript frameworks can handle simple forms with elegance, but Backbone, MVVM, Angular and the like don't have elegant answers for complicated UIs backed by deeply nested and hierarchical state.

In this workshop, we will learn by doing how the React approach enables higher level abstractions for UI development than we have ever seen before. Starting with the very basics and working our way to advanced topics, we will livecode several demos, with the audience following along live on their own laptops, and we will be there to help debug when things go wrong.

Here is a sneak peak at demos we may or may not cover:

Basic validated form (blog post)

List of forms demo

Faceted search

Collection/Record editor

Join or login to comment.

  • Jonathan B.

    Thank you both so much. That really helped me grasp React and its capabilities. It's now time to jump into the docs and watch some talks online. Take this show on the road.

    2 · May 21, 2014

  • Eugene C.

    The pair-live coding session was an awesome format for the talk.

    4 · May 20, 2014

  • Jonathan B.

    Can one of the organizers of the group export the attendee list and message it to me. I need to get it down to security.

    May 20, 2014

  • A former member
    A former member

    Can't make this. Will there be slides available online?

    May 20, 2014

  • Geoffrey K.

    Can't attend (conflict), but I look forward to hearing about this!

    May 19, 2014

  • Dustin G.

    We don't have a venue yet - the meetup is six days away. Anyone have a large conference room?

    May 14, 2014

  • David K.

    I would have loved to be able to attend this Meetup, but I had already committed to another event by the time I saw this post. Any chance this event will get video recorded and the recording made available to members?

    May 6, 2014

  • A former member
    A former member

    I saw this talk at PhillyJS, it was absolutely fantastic. I am suggesting this talk to every web developer I know who is interested in Javascript.

    1 · March 27, 2014

Our Sponsors

People in this
Meetup are also in:

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy