Submit Search
Upload
Real World React Native & ES7
•
3 likes
•
3,050 views
J
joestanton1
Follow
Not very useful slides on my React London talk on React Native, ES7 and hot code loading.
Read less
Read more
Technology
Report
Share
Report
Share
1 of 18
Download now
Download to read offline
Recommended
Angular server-side communication
Angular server-side communication
Alexe Bogdan
Angular promises and http
Angular promises and http
Alexe Bogdan
Mirage For Beginners
Mirage For Beginners
Wilson Su
DataEngConf SF16 - Routing Billions of Analytics Events with High Deliverability
DataEngConf SF16 - Routing Billions of Analytics Events with High Deliverability
Hakka Labs
Practical Google App Engine Applications In Py
Practical Google App Engine Applications In Py
Eric ShangKuan
JavaScript Sprachraum
JavaScript Sprachraum
patricklee
Martin Anderson - threads v actors
Martin Anderson - threads v actors
bloodredsun
Avoiding callback hell in Node js using promises
Avoiding callback hell in Node js using promises
Ankit Agarwal
Recommended
Angular server-side communication
Angular server-side communication
Alexe Bogdan
Angular promises and http
Angular promises and http
Alexe Bogdan
Mirage For Beginners
Mirage For Beginners
Wilson Su
DataEngConf SF16 - Routing Billions of Analytics Events with High Deliverability
DataEngConf SF16 - Routing Billions of Analytics Events with High Deliverability
Hakka Labs
Practical Google App Engine Applications In Py
Practical Google App Engine Applications In Py
Eric ShangKuan
JavaScript Sprachraum
JavaScript Sprachraum
patricklee
Martin Anderson - threads v actors
Martin Anderson - threads v actors
bloodredsun
Avoiding callback hell in Node js using promises
Avoiding callback hell in Node js using promises
Ankit Agarwal
Rntb20200805
Rntb20200805
t k
React native-firebase startup-mtup
React native-firebase startup-mtup
t k
NestJS
NestJS
Wilson Su
Inversion Of Control
Inversion Of Control
Chad Hietala
Workshop 23: ReactJS, React & Redux testing
Workshop 23: ReactJS, React & Redux testing
Visual Engineering
React native tour
React native tour
Magdiel Duarte
Symfony Under the Hood
Symfony Under the Hood
eZ Systems
JavaScript Promise
JavaScript Promise
Joseph Chiang
State management in a GraphQL era
State management in a GraphQL era
kristijanmkd
Why Redux-Observable?
Why Redux-Observable?
Anna Su
Présentation de HomeKit
Présentation de HomeKit
CocoaHeads France
How to Win on the Apple Watch
How to Win on the Apple Watch
Natasha Murashev
Angular Data
Angular Data
Stefan Unterhofer
Workshop 5: JavaScript testing
Workshop 5: JavaScript testing
Visual Engineering
Java Streams Interview short reminder with examples
Java Streams Interview short reminder with examples
Mark Papis
Swift Delhi: Practical POP
Swift Delhi: Practical POP
Natasha Murashev
Concurrecny inf sharp
Concurrecny inf sharp
Riccardo Terrell
Practical Protocols with Associated Types
Practical Protocols with Associated Types
Natasha Murashev
Workshop 14: AngularJS Parte III
Workshop 14: AngularJS Parte III
Visual Engineering
Containers & Dependency in Ember.js
Containers & Dependency in Ember.js
Matthew Beale
Going fullstack React(ive) - Paulo Lopes - Codemotion Amsterdam 2017
Going fullstack React(ive) - Paulo Lopes - Codemotion Amsterdam 2017
Codemotion
Advanced redux
Advanced redux
Boris Dinkevich
More Related Content
What's hot
Rntb20200805
Rntb20200805
t k
React native-firebase startup-mtup
React native-firebase startup-mtup
t k
NestJS
NestJS
Wilson Su
Inversion Of Control
Inversion Of Control
Chad Hietala
Workshop 23: ReactJS, React & Redux testing
Workshop 23: ReactJS, React & Redux testing
Visual Engineering
React native tour
React native tour
Magdiel Duarte
Symfony Under the Hood
Symfony Under the Hood
eZ Systems
JavaScript Promise
JavaScript Promise
Joseph Chiang
State management in a GraphQL era
State management in a GraphQL era
kristijanmkd
Why Redux-Observable?
Why Redux-Observable?
Anna Su
Présentation de HomeKit
Présentation de HomeKit
CocoaHeads France
How to Win on the Apple Watch
How to Win on the Apple Watch
Natasha Murashev
Angular Data
Angular Data
Stefan Unterhofer
Workshop 5: JavaScript testing
Workshop 5: JavaScript testing
Visual Engineering
Java Streams Interview short reminder with examples
Java Streams Interview short reminder with examples
Mark Papis
Swift Delhi: Practical POP
Swift Delhi: Practical POP
Natasha Murashev
Concurrecny inf sharp
Concurrecny inf sharp
Riccardo Terrell
Practical Protocols with Associated Types
Practical Protocols with Associated Types
Natasha Murashev
Workshop 14: AngularJS Parte III
Workshop 14: AngularJS Parte III
Visual Engineering
Containers & Dependency in Ember.js
Containers & Dependency in Ember.js
Matthew Beale
What's hot
(20)
Rntb20200805
Rntb20200805
React native-firebase startup-mtup
React native-firebase startup-mtup
NestJS
NestJS
Inversion Of Control
Inversion Of Control
Workshop 23: ReactJS, React & Redux testing
Workshop 23: ReactJS, React & Redux testing
React native tour
React native tour
Symfony Under the Hood
Symfony Under the Hood
JavaScript Promise
JavaScript Promise
State management in a GraphQL era
State management in a GraphQL era
Why Redux-Observable?
Why Redux-Observable?
Présentation de HomeKit
Présentation de HomeKit
How to Win on the Apple Watch
How to Win on the Apple Watch
Angular Data
Angular Data
Workshop 5: JavaScript testing
Workshop 5: JavaScript testing
Java Streams Interview short reminder with examples
Java Streams Interview short reminder with examples
Swift Delhi: Practical POP
Swift Delhi: Practical POP
Concurrecny inf sharp
Concurrecny inf sharp
Practical Protocols with Associated Types
Practical Protocols with Associated Types
Workshop 14: AngularJS Parte III
Workshop 14: AngularJS Parte III
Containers & Dependency in Ember.js
Containers & Dependency in Ember.js
Similar to Real World React Native & ES7
Going fullstack React(ive) - Paulo Lopes - Codemotion Amsterdam 2017
Going fullstack React(ive) - Paulo Lopes - Codemotion Amsterdam 2017
Codemotion
Advanced redux
Advanced redux
Boris Dinkevich
Pieter De Baets - An introduction to React Native
Pieter De Baets - An introduction to React Native
tlv-ios-dev
Intro to Sail.js
Intro to Sail.js
Nicholas McClay
angular fundamentals.pdf
angular fundamentals.pdf
NuttavutThongjor1
Reduxing like a pro
Reduxing like a pro
Boris Dinkevich
React native by example by Vadim Ruban
React native by example by Vadim Ruban
Lohika_Odessa_TechTalks
JavaCro'14 - Scala and Java EE 7 Development Experiences – Peter Pilgrim
JavaCro'14 - Scala and Java EE 7 Development Experiences – Peter Pilgrim
HUJAK - Hrvatska udruga Java korisnika / Croatian Java User Association
JavaCro 2014 Scala and Java EE 7 Development Experiences
JavaCro 2014 Scala and Java EE 7 Development Experiences
Peter Pilgrim
WordPress Realtime - WordCamp São Paulo 2015
WordPress Realtime - WordCamp São Paulo 2015
Fernando Daciuk
Server side data sync for mobile apps with silex
Server side data sync for mobile apps with silex
Michele Orselli
Angular and The Case for RxJS
Angular and The Case for RxJS
Sandi Barr
Intro to PSGI and Plack
Intro to PSGI and Plack
Tatsuhiko Miyagawa
Managing State in React Apps with RxJS by James Wright at FrontCon 2019
Managing State in React Apps with RxJS by James Wright at FrontCon 2019
DevClub_lv
React lecture
React lecture
Christoffer Noring
Bootstrat REST APIs with Laravel 5
Bootstrat REST APIs with Laravel 5
Elena Kolevska
Flask and Angular: An approach to build robust platforms
Flask and Angular: An approach to build robust platforms
Ayush Sharma
AngularJS Tips&Tricks
AngularJS Tips&Tricks
Petr Bela
Introduction to AngularJS
Introduction to AngularJS
Pat Cito
Android wearpp
Android wearpp
Paul Trebilcox-Ruiz
Similar to Real World React Native & ES7
(20)
Going fullstack React(ive) - Paulo Lopes - Codemotion Amsterdam 2017
Going fullstack React(ive) - Paulo Lopes - Codemotion Amsterdam 2017
Advanced redux
Advanced redux
Pieter De Baets - An introduction to React Native
Pieter De Baets - An introduction to React Native
Intro to Sail.js
Intro to Sail.js
angular fundamentals.pdf
angular fundamentals.pdf
Reduxing like a pro
Reduxing like a pro
React native by example by Vadim Ruban
React native by example by Vadim Ruban
JavaCro'14 - Scala and Java EE 7 Development Experiences – Peter Pilgrim
JavaCro'14 - Scala and Java EE 7 Development Experiences – Peter Pilgrim
JavaCro 2014 Scala and Java EE 7 Development Experiences
JavaCro 2014 Scala and Java EE 7 Development Experiences
WordPress Realtime - WordCamp São Paulo 2015
WordPress Realtime - WordCamp São Paulo 2015
Server side data sync for mobile apps with silex
Server side data sync for mobile apps with silex
Angular and The Case for RxJS
Angular and The Case for RxJS
Intro to PSGI and Plack
Intro to PSGI and Plack
Managing State in React Apps with RxJS by James Wright at FrontCon 2019
Managing State in React Apps with RxJS by James Wright at FrontCon 2019
React lecture
React lecture
Bootstrat REST APIs with Laravel 5
Bootstrat REST APIs with Laravel 5
Flask and Angular: An approach to build robust platforms
Flask and Angular: An approach to build robust platforms
AngularJS Tips&Tricks
AngularJS Tips&Tricks
Introduction to AngularJS
Introduction to AngularJS
Android wearpp
Android wearpp
Recently uploaded
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
BookNet Canada
Training state-of-the-art general text embedding
Training state-of-the-art general text embedding
Zilliz
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
Fwdays
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Patryk Bandurski
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
hariprasad279825
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
BookNet Canada
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
charlottematthew16
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
UiPathCommunity
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
Kalema Edgar
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
Alfredo García Lavilla
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
charlottematthew16
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
Addepto
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
Alex Barbosa Coqueiro
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
null - The Open Security Community
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
Fwdays
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
Stephanie Beckett
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
Enterprise Knowledge
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
Fwdays
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
Mattias Andersson
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
Memoori
Recently uploaded
(20)
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Training state-of-the-art general text embedding
Training state-of-the-art general text embedding
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
Real World React Native & ES7
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
Download now