Mark Lozano
Senior Software Developer @atlassian working on @trello
History
Good
Bad
Ugly?
Takeaways
HipChat adopted React when rewriting our Web App
A more complete history can be found here
React was super-new ... and so was Flux
Rethinking the app as a set of:
Components
Component-level Stores
Series of state changes
Create an abstraction around client/server traffic
Make our components idempotent (or "pure")
✔
✔
✔
or, how we flux'd up
It's reserved for application state
It's not a generic EventEmitter
Be wary of any Dispatcher use outside of an action
Multiple stores aren't inherently bad
But if you let them know about each other you're gonna have a bad time
DOM updates aren't free
Processing on stores happens regardless of render
A/B Testing
Rehacked was created to solve this problem
NEVER shortcut unidirectional data flow
Data management is huge
Awesome view layer !== application architecture
React has changed lots over the last year+
By Mark Lozano
Lightning Talk about our experience with React after more than a year of using it on our HipChat web app.