The React Way

An isomorphic React slide deck, about React.

Watch the video.

Presented at Frontend Awesome Meetup March 19, 2015

Running the slide deck

Only tested in Chrome. Probably won't work in Safari because I didn't care about adding prefixes to flexbox properties.

Run npm start to start the server. Then navigate to http://localhost:3000. (You could use wget to convert this to a static site.)

Run make watch instead to start the server in development mode, with hot reloading.

How it's made

The slides are generated from Markdown documents located in slides. A build task combines the slides into a JSON document, which is embedded into the page by the server to be loaded by the React app.

• React
• Flummox
  • Overkill in this case, but used for illustration purposes.
• React Router
• React Hot Loader
• Remarkable
• front-matter
• Sass/Libsass
• Make
• Babel
• iojs
• koa

...and more.