Not very useful slides on my React London talk on React Native, ES7 and hot code loading.

1. REAL-WORLD REACT
NATIVE & ES7
JOE STANTON / RED BADGER

2. CAVEATS...

3. REACT NATIVE
1,903 COMMITS LATER...

4. COOL FEATURES
ES6/7 Compatibility
Continuous Delivery (!)

5. LONDON REACT
MEETUP APP

6. ES7 TRANSPILATION
JSTRANSFORM -> BABEL
Template Strings
Modules
Classes + Class Properties
Arrow Functions
Async/Await
Decorators

7. .BABELRC

8. ASYNC/AWAIT
GOODBYE, CALLBACK HELL.

9. ASYNC/AWAIT
async _fetchAttendees() {
const apiKey = process.env.MEETUP_API_KEY;
const eventId = 223123000;
const url = `https://api.meetup.com/2/event/${eventId}?key=${apiKey}&sign=t
let json;
try {
let response = await fetch(url);
json = await response.json();
} catch(e) {
AlertIOS.alert('Failed to fetch attendees');
}
this.setState({attending: json.yes_rsvp_count});
}

10. PROMISES, CALLBACKS
RCT_EXPORT_METHOD(readUTF8FileAsync:(NSString *)filename
resolver:(RCTPromiseResolveBlock)resolve
rejecter:(RCTPromiseRejectBlock)reject)
let contents = await readUTF8FileAsync('my-file.txt');

11. HIGHER ORDER
COMPONENTS
WITH ES7 DECORATORS

12. (COMPONENT, DECORATOR) ->
HIGHER ORDER COMPONENT

13. @PureRender
class Talks extends React.Component {
render() { ... }
}

14. CONTINUOUS
DEPLOYMENT
10 DAYS -> 1 MINUTE

15. 3.3.2 An Application may not download or install executable
code.
...
The only exception to the foregoing is scripts and code
downloaded and run by Apple's built-in WebKit framework
or JavascriptCore

16. CONTINUOUS
DEPLOYMENT
Ship app with Bundle
On launch, download latest bundle (if possible), and stash
it for offline use
Boot App

17. DEMO!
Commit to Master
CircleCI runs react-native bundle --minify
CircleCI pushes the bundle to S3
Changes deployed...

18. THANKS!
@joe_stant
https://github.com/JoeStanton/london-react