Myo Market's
Black Magic
How we did it
1) Same code on the client and server.
2) "Faking" links
3) Progressive UX
4) Smart data caching
But first, Dat stack
- Node.js (server)
- React.js (for rendering)
- Less (styling)
- Browserify (server-side -> client-side)
- Gulp (build system)
Here's what we used
- Fast, async environment
- Easy stateful DOM rendering
- Efficient and compact styling
- Share the same code between client and server
- Incredibly fast builds
Which gave us...
Same Code, Everywhere
React + Browserify = <3
Components + State => React => Magical DOM
React is a rendering engine for the web
On Client
On Server
Components + State => React => Magical HTML Strings
Don't reload
John Woo-style
Racing Stripes
feel fast, look fast
Be smart with data
Thanks!
Questions?
Myo Market's Black Magic
By Scott Tolksdorf
