React Rally 2016
2016-08-25..2016-08-26
Salt Lake City, United States
[React Rally 2015, React Rally 2016, React Rally 2017, React Rally 2018, React Rally 2019, React Rally 2020]
who it's for
React developers, frontend engineers, JavaScript engineers, full stack developers, performance engineers, accessibility engineers, tooling engineers
topics
tiny React implementation; redux-observable epics with RxJS; React with Web Workers; react-motion animations; GSAP animation timelines; GraphQL in serverless environments; Relay reintroduction; Pux PureScript integration; RethinkDB changefeeds and Socket.io; React performance profiling; accessibility testing with axe; data structures in JavaScript
| title | author | length |
|---|---|---|
| Building React From Scratch | Paul O'Shannessy | 34m |
Builds a tiny React clone called dilithium in plain JavaScript and actually runs it, implementing createElement/createClass/render plus a base Component with… | ||
| ‹Rethinker stop={false}/› | Ryan Florence | 37m |
Argues that real gain comes from changing architecture, not just swapping libraries, and demonstrates concrete tradeoffs: switched hyperterm to Redux for a… | ||
| React and Give Back | Devon Lindsey | 27m |
Creates an npm package react-give-back, demos it inside create-react-app, and clicks a widget that launches a Tilt campaign so charities can collect without… | ||
| Async Redux Actions With RxJS | Ben Lesh | 35m |
Shows how redux-observable middleware wires RxJS observables into Redux as “epics” that take streams of actions and return action streams, using switchMap for… | ||
| Where in the Stack is Carmen Sanfrancisco? | Marcy Sutton Todd | 32m |
Concrete debugging steps and test tools not platitudes Focus fails in IE + JAWS because a third party AUI dropdown renders visibility after the focus call so… | ||
| Oh Composable World! | Brian Lonsdorf | 28m |
Claims that dot chaining equals function composition and shows how map chain concat handle the three biggest complexity sources (state control flow code… | ||
| Rise of the Web Workers | Parashuram | 32m |
Claim: moving React's reconciliation into a Web Worker with a react-worker proxy DOM shifts scripting off the UI thread and noticeably raises frame rates… | ||
| Animating in React | Sarah Drasner | 43m |
Shows a concrete stack and what actually worked: an SVG 2D side‑scroller elephant game built with React using SVG heart meter updates for score, collision… | ||
| From Zero to Binary Search Tree | James Kyle | 27m |
Implements common data structures in JavaScript with runnable code: lists, hash tables, stacks, queues, graphs, linked lists and a binary search tree, plus… | ||
| RRR matey! - React, RethinkDB, and Raspberry Pi | Mike Glukhovsky | 29m |
Recorded at React Rally 2016, the project is a Raspberry Pi photo booth with a React front end, Node.js backend and RethinkDB powering real-time changefeeds… | ||
| Scaling React to Accelerate Life Science Research | Saif Hakim | 39m |
Benchling builds an electronic lab notebook and a DNA editor in React and confronts concrete perf problems: slow typing and massive unnecessary re-renders. The… | ||
| PureScript & Pux -- a safer, more expressive way to React | Michael Trotter | 25m |
PureScript compiles to JavaScript with no runtime, uses effect types to encode DOM, AJAX, time and randomness in function signatures, and supports newtype and… | ||
| Deploying GraphQL in a Serverless Context | Kevin Old | 29m |
Shows GraphQL running inside AWS Lambda behind API Gateway using the serverless framework, Node.js and the reference GraphQL implementation, persisting queries… | ||
| Reintroducing Relay | Joe Savona | 32m |
Relay 2 is a ground up rewrite that compiles static GraphQL fragments so native code can prefetch before JS boots, cutting data processing for a real news‑feed… | ||
| Debugging Your Debugger | James Long | 31m |
Firefox DevTools debugger is rewritten in react and redux, replacing a fragile DOM‑mutation framework; result is a web‑pack bundled debugger that debugs… | ||
| Real World React Debugging | Jared Forsyth | 25m |
Claims that Khan Academy runs 1500 components and that debugging improves by concrete practices not platitudes Linting with eslint plus propTypes and… | ||
| Writing better multi-process hybrid apps with React and Redux | Kate Hudson | 28m |
Builds Activity Stream for Firefox using React and Redux and shows concrete patterns that cut IPC complexity: replace per-action promises and many listeners… | ||
| Powering React-based Dashboards using GraphQL and PostgreSQL | Lukas Fittl | 28m |
Claims a practical stack: graphql-js, pg-promise and DataLoader to persist React component state into PostgreSQL. Builds a backend for React Music with tables… | ||
| All the terrible things I did the first time I made a complex React app | Raquel Moss | 27m |
Built a Gmail-like messaging system in six weeks with a Rails backend and a React front end mostly solo, and it mostly breaks: manipulated the DOM with jQuery… | ||
| The Danger Crew: Lessons learned from building an RPG in React | Drew Conley | 26m |
An RPG runs in the browser built with React + Redux and CSS sprites not canvas, using requestAnimationFrame for smooth grid walking and collision, supported by… | ||
| nothing matches | ||