SlideShare a Scribd company logo
Submit Search
Upload
Introduction to react native
Report
Share
E
Eliasz Sawicki
Follow
•
0 likes
•
481 views
1
of
78
Introduction to react native
•
0 likes
•
481 views
Report
Share
Download Now
Download to read offline
Mobile
Introduction to React Native
Read more
E
Eliasz Sawicki
Follow
Recommended
Integration Test With Cucumber And Webrat by
Integration Test With Cucumber And Webrat
Kang-min Liu
1.9K views
•
29 slides
Dynamic documentation - SRECON 2017 by
Dynamic documentation - SRECON 2017
Daniel ( Danny ) ☃ Lawrence
180 views
•
81 slides
Teaching Web Frontend Technologies To A Toddler by
Teaching Web Frontend Technologies To A Toddler
Oludotun Longe
48 views
•
8 slides
JQuery in Seaside by
JQuery in Seaside
ESUG
3.8K views
•
57 slides
Scaling Complexity in WordPress Enterprise Apps by
Scaling Complexity in WordPress Enterprise Apps
Mike Schinkel
1.2K views
•
33 slides
How To Use Asana by
How To Use Asana
OliviaLynWorx
180 views
•
110 slides
More Related Content
Similar to Introduction to react native
jQuery for Seaside by
jQuery for Seaside
Lukas Renggli
1.8K views
•
57 slides
Sperimentazioni lezione6 from_designtoapplication copy by
Sperimentazioni lezione6 from_designtoapplication copy
Salvatore Iaconesi
660 views
•
60 slides
Frontin like-a-backer by
Frontin like-a-backer
Frank de Jonge
10.6K views
•
91 slides
jQuery (BostonPHP) by
jQuery (BostonPHP)
jeresig
1.7K views
•
34 slides
Introduction to jQuery - Barcamp London 9 by
Introduction to jQuery - Barcamp London 9
Jack Franklin
612 views
•
29 slides
Vue.js for beginners by
Vue.js for beginners
Julio Bitencourt
9.3K views
•
25 slides
Similar to Introduction to react native
(12)
jQuery for Seaside by Lukas Renggli
jQuery for Seaside
Lukas Renggli
•
1.8K views
Sperimentazioni lezione6 from_designtoapplication copy by Salvatore Iaconesi
Sperimentazioni lezione6 from_designtoapplication copy
Salvatore Iaconesi
•
660 views
Frontin like-a-backer by Frank de Jonge
Frontin like-a-backer
Frank de Jonge
•
10.6K views
jQuery (BostonPHP) by jeresig
jQuery (BostonPHP)
jeresig
•
1.7K views
Introduction to jQuery - Barcamp London 9 by Jack Franklin
Introduction to jQuery - Barcamp London 9
Jack Franklin
•
612 views
Vue.js for beginners by Julio Bitencourt
Vue.js for beginners
Julio Bitencourt
•
9.3K views
React native introduction by InnerFood
React native introduction
InnerFood
•
107 views
Building Universal Web Apps with React ForwardJS 2017 by Elyse Kolker Gordon
Building Universal Web Apps with React ForwardJS 2017
Elyse Kolker Gordon
•
945 views
React outbox by Angela Lehru
React outbox
Angela Lehru
•
104 views
The Point of Vue - Intro to Vue.js by Holly Schinsky
The Point of Vue - Intro to Vue.js
Holly Schinsky
•
1.6K views
React native introduction by InnerFood
React native introduction
InnerFood
•
262 views
Android accessibility for developers and QA by Ted Drake
Android accessibility for developers and QA
Ted Drake
•
25.4K views
More from Eliasz Sawicki
Redux - 4Developers by
Redux - 4Developers
Eliasz Sawicki
130 views
•
110 slides
Eliasz sawickimeetupit by
Eliasz sawickimeetupit
Eliasz Sawicki
110 views
•
20 slides
Developing more in less time by
Developing more in less time
Eliasz Sawicki
138 views
•
121 slides
The art-of-developing-more-in-less-time-berlin by
The art-of-developing-more-in-less-time-berlin
Eliasz Sawicki
273 views
•
111 slides
Tech fest by
Tech fest
Eliasz Sawicki
289 views
•
143 slides
Doing more in less time - Mobiconf by
Doing more in less time - Mobiconf
Eliasz Sawicki
390 views
•
107 slides
More from Eliasz Sawicki
(14)
Redux - 4Developers by Eliasz Sawicki
Redux - 4Developers
Eliasz Sawicki
•
130 views
Eliasz sawickimeetupit by Eliasz Sawicki
Eliasz sawickimeetupit
Eliasz Sawicki
•
110 views
Developing more in less time by Eliasz Sawicki
Developing more in less time
Eliasz Sawicki
•
138 views
The art-of-developing-more-in-less-time-berlin by Eliasz Sawicki
The art-of-developing-more-in-less-time-berlin
Eliasz Sawicki
•
273 views
Tech fest by Eliasz Sawicki
Tech fest
Eliasz Sawicki
•
289 views
Doing more in less time - Mobiconf by Eliasz Sawicki
Doing more in less time - Mobiconf
Eliasz Sawicki
•
390 views
iOSCon by Eliasz Sawicki
iOSCon
Eliasz Sawicki
•
455 views
Code europe by Eliasz Sawicki
Code europe
Eliasz Sawicki
•
549 views
Introduction To Functional Reactive Programming Poznan by Eliasz Sawicki
Introduction To Functional Reactive Programming Poznan
Eliasz Sawicki
•
802 views
Introduction to Functional Reactive Programming by Eliasz Sawicki
Introduction to Functional Reactive Programming
Eliasz Sawicki
•
343 views
Time traveling with ReSwift by Eliasz Sawicki
Time traveling with ReSwift
Eliasz Sawicki
•
633 views
Calabash by Eliasz Sawicki
Calabash
Eliasz Sawicki
•
435 views
ReSwift CocoaHeads Tricity by Eliasz Sawicki
ReSwift CocoaHeads Tricity
Eliasz Sawicki
•
265 views
ReactiveCocoa workshop by Eliasz Sawicki
ReactiveCocoa workshop
Eliasz Sawicki
•
337 views
Introduction to react native
1.
Introduction to React Native @EliSawic
2.
Instagram @EliSawic
3.
Airbnb @EliSawic
4.
Uber @EliSawic
5.
Facebook @EliSawic
6.
React Native @EliSawic
7.
Me? @EliSawic
8.
About me Eliasz Sawicki Blog:
www.eliaszsawicki.com Twitter: @EliSawic www.brightinventions.pl @EliSawic
9.
Share a story @EliSawic
10.
iOS @EliSawic
11.
React @EliSawic
12.
React export default class
CustomView extends Component { render() { return ( <div> <h1>Hello world!</h1> <h2>{this.state.message}</h2> <a href="" onClick={...}> Click me! </a> </div> ) } } @EliSawic
13.
React export default class
CustomView extends Component { changeMessage() { this.setState({message: 'Test message'}) } render() { return ( <div> <h1>Hello world!</h1> <h2>{this.state.message}</h2> <a href="" onClick={...}> Click me! </a> </div> ) } } @EliSawic
14.
React <h2>{this.state.message}</h2> @EliSawic
15.
React React.createElement("h2", null, this.state.message) @EliSawic
16.
Feelings @EliSawic
17.
Quick feedback loop @EliSawic
18.
Hot reloading @EliSawic
19.
Home @EliSawic
20.
Missing something... @EliSawic
21.
React @EliSawic
22.
React Native @EliSawic
23.
Declarative components @EliSawic
24.
Declarative components export default
class CustomView extends Component { render() { return ( <View> <Text>Hello world!</Text> <Text>{this.state.message}</Text> <Button onClick={...}> Click me! </Button> </View> ) } } @EliSawic
25.
JS bundle @EliSawic
26.
iOS/Android @EliSawic
27.
Bridge @EliSawic
28.
The ecosystem @EliSawic
29.
Learn once Write everywhere @EliSawic
30.
General skills @EliSawic
31.
I want to
start coding! @EliSawic
32.
Bring your own
tools @EliSawic
33.
Text editor @EliSawic
34.
Starting a project @EliSawic
35.
You may feel
lost @EliSawic
36.
create-react-native- app @EliSawic
37.
What language do I
use? @EliSawic
38.
JavaScript @EliSawic
39.
I do not
like JavaScript @EliSawic
40.
TypeScript @EliSawic
41.
Architectural choices @EliSawic
42.
Redux @EliSawic
43.
Can I code
now? @EliSawic
44.
Workflow @EliSawic
45.
Hot reloading @EliSawic
46.
Testing code @EliSawic
47.
Unit tests @EliSawic
48.
UI testing @EliSawic
49.
Snapshot tests @EliSawic
50.
Storybook @EliSawic
51.
Work division @EliSawic
52.
It looks fun! @EliSawic
53.
Be aware of... @EliSawic
54.
DIY apprach @EliSawic
55.
It's still evolving @EliSawic
56.
It's still evolving ... if
[[ "$CONFIGURATION" = "Debug" && ! "$PLATFORM_NAME" == *simulator ]]; then ... @EliSawic
57.
You develop for different platforms @EliSawic
58.
@EliSawic
59.
Dependencies @EliSawic
60.
Bridging dependencies @EliSawic
61.
Debugging @EliSawic
62.
Navigation @EliSawic
63.
Don't worry @EliSawic
64.
Sharing code @EliSawic
65.
Active community @EliSawic
66.
Great tooling @EliSawic
67.
Feeling productive @EliSawic
68.
Can my team
get into React Native? @EliSawic
69.
Learning React Native @EliSawic
70.
You can use
it with native tools @EliSawic
71.
Are you flexible
with the app? @EliSawic
72.
Not tied to
solution @EliSawic
73.
React Native @EliSawic
74.
Looking for a silver
bullet @EliSawic
75.
Not a silver
bullet @EliSawic
76.
Strong tool @EliSawic
77.
Developer experience @EliSawic
78.
@EliSawic www.eliaszsawicki.com @EliSawic