Need help with es6-react-pres?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

btholt
121 Stars 53 Forks MIT License 15 Commits 2 Opened issues

Description

Using ES6 with React

Services available

!
?

Need anything else?

Contributors list

# 8,466
CSS
es2015
trainin...
ESLint
6 commits
# 512,538
JavaScr...
CSS
2 commits
# 6,490
jupyter
React
nteract
apache-...
1 commit
# 195,572
Go
Perl
1 commit

Using ES6 with React


Summary

The point of this presentation is to:

  • Teach you React. It assumes no prior knowledge.
  • Teach you JSX. It makes writing React so much more pleasant.
  • Teach you (some) ES6. This presentation only assumes ES5 familiarity.
  • Teach you React with ES6. It shows you the newer paradigm of coding React using ES6 classes.
  • Teach you server-side rendering on React using Koa.
  • Not teach you Flux. We won't be going over it during this workshop.

Presented at:

"Conference WiFi Mode"

WiFi at conferences is notoriously :shit:ty. This presentation is made with that in mind. In order to switch to offline mode (which doesn't rely on the omdb API but instead serves dummy data) change all references of

var omdb = require('omdb-client');
to
var omdb = require('./fake-omdb-client');
. You may also have to mess with the paths to images a bit. I intend to fix that.

OMDb

The example app makes use of the OMDb API. I'd encourage you to donate to this cool project. I did to hopefully offset some of the costs that this will cost him. :smile:

How it works

The completed project lives in the completed/ directory. I've left for you a skeleton of the project to code up in the empty/ directory. You can recreate the presentation without me there using speakersNotes.md.

Also, something tricky is that for the first bit, you'll need to symlink in font-awesome.

ln -s node_modules/font-awesome/ empty/fa
should work (after you've ran
npm install
.)

How to Run

  1. cd into completed or empty directory
  2. iojs app.js
  3. Navigate to
    localhost:3000
    in web browser

Contributing

Please feel free to correct spelling errors, leave issues of how certain things are unclear (whether that's listening to me actually present this or just from reading,) or make PRs if you find a better way to teach or say something.

License

The project includes some images and info from Netflix shows and others that I pulled from the web that retain their original licenses. It also depends on varying projects that also retain their own licenses. For whatever code I have written, or whatever code that others commit and are merged into the project, are released under the MIT license.

Project Author

:heart: Brian Holt

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.